杭州做网站比较出名的公司,修改文章缩略字数 WORDPRESS,优化推广网站,app运营方案策划在本系列博客中#xff0c;我们将使用Springboot#xff0c;Angular等构建完整的Web应用程序。 在上一个博客中#xff0c;我们与Thymeleaf建立了基本的登录页面。 在此博客中#xff0c;我们将介绍bower #xff0c;它用于管理前端依赖项#xff0c;例如CSS#xff0c… 在本系列博客中我们将使用SpringbootAngular等构建完整的Web应用程序。 在上一个博客中我们与Thymeleaf建立了基本的登录页面。 在此博客中我们将介绍bower 它用于管理前端依赖项例如CSSJS。 1.凉亭 使用此链接安装bower。 安装凉亭后我们需要对其进行配置以在我们的应用中使用。 要配置Bower我们只需在项目的根文件夹中添加两个文件即.bowerrc文件和bower.json文件。 .bowerrc文件可帮助我们配置依赖项应放在哪个目录中。 默认情况下它会在当前目录中创建一个bower_components文件夹但我们希望将其放入src / main / resources / static中因为默认情况下Spring会在该位置拾取所有静态资源并使它们可供使用。 .bowerrc文件 {directory: src/main/resources/static/bower_components,json: bower.json
} 然后运行 $ bower init 这将在您的根文件夹中安装文件bower.json。 下一步是将Jquery和Bootstrap依赖项添加到我们的应用程序中这可以通过以下命令完成 $ bower install --save jquery bootstrap 现在我们已经为我们的应用程序配置了Jquery和bootstrap让我们为应用程序创建一个漂亮的登录页面。 要找到目标网页的模板我们可以在此处签出任何设计 http://startbootstrap.com/有一些很酷的免费html模板选择任何一个并下载源文件。 例如我下载了此模板 http : //blackrockdigital.github.io/startbootstrap-freelancer/ 要使其作为我们的主页工作我们需要执行以下操作 1将内容index.html文件复制到我们的index.html中。 2用我们的bower_components路径替换所有的bootstrap / JQuery CSS / JS路径。 3复制下载的所有自定义CSS或JS文件并将其放在我们应用程序的静态文件夹中在index.html中更新其路径 4将所有字体图像等静态文件复制到静态文件夹中并在index.html中更新其路径 现在让我们使用mvn clean package构建我们的应用程序并使用mvn spring-boot运行它 如果所有路径都正确并且所有文件都存在。 我们将拥有漂亮的响应式登录页面作为我们的主页。 在下一个博客中我们将添加登录/注销/注册功能并为客户端MVC添加Angular。 翻译自: https://www.javacodegeeks.com/2016/05/build-new-web-application-scratch-using-spring-boot-thymeleaf-angularjs-part-2.html
