咨询热线:13680957231 联系人:刘伯堂 地址:郑州市南阳路北段
一步一步实现web程序信息管理系统之二----后台框架实现跳转登陆页面
来源:沙皇国际官方网址 发布时间:2019-07-01 点击量:391
SpringBoot
springboot的目的是为了简化spring应用的开发搭建以及开发过程。内部使用了特殊的处理,使得开发人员不需要进行额外繁锁的xml文件配置的编写,其内部包含很多模块的配置只需要添加maven依赖即可使用,这项功能可谓对开发人员提供了大大的好处。使用springboot只需要简单配置一下就可以完成之前复杂的配置过程。可以到https://start.spring.io/此网站上,下载一个最简单的springboot应用,然后一步一步实现自已的应用。可以看出当前的稳定版本为2.1.0,点击Generate Project 按钮,即可下载一个可用的springboot应用。这个是我下载下来后,双击后出来的。可以看出以工程是一个基于maven的项目。你可以将其解压到任何一个目录下,通过eclipse或其他IDE进行导入后运行,eclipse导入流程为File->import->maven->existing maven projects,查找到自己的项目目录。也可以基于此工程来建立自已的maven项目。下面以建立自己的maven项目
建立自己的springboot项目
创建工程在建立项目时,可以创建一个多模块聚合项目,即在创建项目时选中选择为pom。创建后的工程结构为
jar包依赖打开从springboot官网中下载下来的工程目录,打开pom.xml文件<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.1.0.RELEASE</version> <relativePath/> <!-- lookup parent from repository --> </parent> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding> <java.version>1.8</java.version> </properties>
将此段代码复制到 spring-boot-study工程中的pom文件中将下面的依赖复制到spring-boot-web工程中的pom文件中
<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build>
eclipse自动完成项目工程的配置。完成后项目中所有需要依赖的jar包自动配置完成。
代码编写将application.properties文件拷贝到spring-boot-study项目的resources目录下。文件中的内容暂时先不要管,编写以下代码
@SpringBootApplication@RestControllerpublic class WebApplication { @RequestMapping("/hello") public String helloWorld() { return "Hello World"; } public static void main(String[] args) { SpringApplication.run(WebApplication.class, args); } }
HelloWold就已经完成后。可以在浏览器中输入localhost:8080/hello即可看到效果springboot默认启动后的端口为8080,但可以在application.properties文件中进行修改。
server.port=9001
将端口修改为9001,重新启动项目后,在浏览器中输入入localhost:9001/hello同样可以看到相同的结果。
整合login界面现在后台已经有转发功能,具备web浏览功能。但我们需要访问URL为“/”时跳转到登陆界面,即创建好的登陆界面。本人也是在学习过程中,在网上学习好久才发现使用html的话就使用thymeleaf模板就好了。下面就详细来说说如何使用thymeleaf开发html。在spring-boot-web项目中的pom文件中加上thymeleaf的依赖。 <!-- 加入thymeleaf的支持 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
但在Spring Boot项目中,一般src/main/resources/static目录用于存放各类静态资源文件,例如css、js和image等。src/main/resources/templates用于存放页面文件,例如html,jsp等。所以在spring-boot-web中的resources目录下创建static目录与templates目录,并将相应的资源文件放置在各自的目录下。配置thymeleaf
#thymeleafspring.thymeleaf.prefix=classpath:/templates/spring.thymeleaf.suffix=.htmlspring.thymeleaf.mode=HTMLspring.thymeleaf.encoding=UTF-8spring.thymeleaf.servlet.content-type=text/htmlspring.thymeleaf.cache=false
html文件修改,增加xmlns:th="http://www.thymeleaf.org" 属性,资源文件的引入要修改。
<link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet" /><link href="../static/css/login.css" th:href="@{/css/login.css}" rel="stylesheet" />
然后编写 java代码
@Controllerpublic class IndexController { @RequestMapping("/") public String index() { return "login"; } }
重新启动程序,访问localhost:9001/就可成功跳转至login.html登陆界面上。注:thymeleaf对html标签要求很严格,每一个标签都需要成对出现。调试过程中遇到下面异常信息
org.thymeleaf.exceptions.TemplateInputException: Error resolving template [login], template might not exist or might not be accessible by any of the configured Template Resolvers at org.thymeleaf.engine.TemplateManager.resolveTemplate(TemplateManager.java:869) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE] at org.thymeleaf.engine.TemplateManager.parseAndProcess(TemplateManager.java:607) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE] at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1098) [thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE] at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1072) [thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE] at org.thymeleaf.spring5.view.ThymeleafView.renderFragment(ThymeleafView.java:362) [thymeleaf-spring5-。。。。。。。。。。。
因为错将templates写成templatse导致。
至此实现从后端服务访问到登陆界面的搭建,还没有具体登陆逻辑实现。下一篇实现登陆业务逻辑。附上 本篇文章源代码一步一步实现web程序信息管理系统之二----后台框架实现跳转登陆页面
相关产品
-
在2012年的时候,该项目最先推出的只是一个普通的自行车共享系统——颇似传统的低技术自行车租赁系统,用户必须手动地获取并将自行车返回到其原站点。Anugrah Nurrewa作为创始人之一,注意到这个模式的不足,于是推出了Banopolis。
-
危机的临界点,可以也应当成为做出决断重回和谈的转折点。各方都应保持克制,作出对本国人民和地区和平负责任的正确选择。
-
这些作品汇集了天津、北京等多地学生与青年艺术人才,所有演出高质量、低票价,坚持惠民原则,观众在观看演出之余,还能参加艺术讲座、剧本分享会、工作坊交流、艺术展等丰富的公益文化活动,所有展演活动都将在天津演艺网上正式发布。
-
2012年,美乐宝奶粉的月销售量几个月内就增加了三分之一,致使其市场占有率一下子升至45%。最近几个月来,前来为孩子购买该品牌奶粉的德国父母们常常看到的是空空荡荡的货架。德国《图片报》援引一位母亲的话说,我不能随便改换其它牌子的奶粉,否则婴儿会消化不良。
-
动力方面,2013款花冠沿用了老款的1.6L发动机,与其匹配的是5速手动与4速自动变速箱。这台1.6L发动机拥有双VVT-i(智能正时可变气门控制系统)技术,最大功率为120马力,最大扭矩为152N·m,在同级车中动力属于中上水平,油耗表现也较为出色。
-
20年前,我们村的人大家都一样穷,20年后,当初的大人有的成了老板,有的成了工人,有的继续务农;当初的小孩有的成了博士,有的初中没读完,贫富就出来了,这又怪谁呢?
-
中新网1月6日电 据美国《世界日报》报道,蛇年春节未到,中国春节游美团报名已经十分火热,不过赴加拿大旅游却未能有此盛况。旅游业者指加国签证难、冬季太冷、没有太多特别景点,导致春节赴加国旅游平淡。中国旅客到加拿大主要选购健康食品及冰酒,而不是名牌商品或奶粉。
-
针对“互联网+”快速发展的新形势,《指导意见》指出,鼓励出租汽车行业加快与互联网融合发展。引导巡游出租汽车通过电信、互联网等方式提供预约运营服务,减少车辆空驶,方便公众乘车。巡游出租汽车可按规定开展预约出租汽车经营。积极运用互联网技术对出租汽车经营者和驾驶员进行服务质量信誉考核,实现优胜劣汰。
热点资讯
- Go基础系列(7):map类型2019-07-01
- 京东11.11全球好物节最后2小时:爆款好物限量5折秒2019-07-01
- 2019年中国家居建材行业发展趋势2019-07-01
- 英伟达发布新驱动优化《暗黑血统3》,但4K下RTX2080Ti仍不足60帧2019-07-01
- 니시노아키라감독,폴라드전구상중..[MK포토]2019-07-01
- 应急管理部向云南调拨救灾物资支持做好墨江抗震救灾工作2019-07-01
- 为什么蒙大拿州被美国海军称为“一个没有玩具的可怜孩子”?2019-07-01
- 手把手教你搭APM之Skywalking搭建指南(支持Java/C#/Node.js)2019-07-01