zoukankan      html  css  js  c++  java
  • 前端页面映射后端

    方式一:.把代码html页面放在static文件夹下,可以直接访问

    访问方式:localhost:+端口号+页面名称.html

    方式二:springBoot项目配置freemarker插件

    链接地址:https://blog.csdn.net/qq_34253619/article/details/83824956

    Freemarker完整使用步骤:
    1.创建SpringBoot项目
    2.添加freemarker依赖,对其进行相关的配置
    3.创建Index类添加.html或者.ftl文件
    ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

     1.创建SpringBoot项目
     我这里使用的是IDEA,打开IDEA,具体操作如下:

     第一步:

     

    第二步:

     

     第三步:

     

     第四步:

     

    第五步 :

     

    到现在为止SpringBoot已经创建完成了。 

    • 2.添加freemarker依赖,对其进行相关的配置

    2.1在项目中的pom.xml中添加freemarker依赖,依赖如下:

    1 <dependency>
    2     <groupId>org.springframework.boot</groupId>
    3     <artifactId>spring-boot-starter-freemarker</artifactId>
    4 </dependency>

    2.2在application.properties配置文件中对freemarker进行配置,配置如下;

     1 ## Freemarker 配置
     2 ##模版存放路径(默认为 classpath:/templates/)
     3 spring.freemarker.template-loader-path=classpath:/templates/
     4 ##是否生成缓存,生成环境建议开启(默认为true)
     5 spring.freemarker.cache=false
     6 ##编码
     7 spring.freemarker.charset=UTF-8
     8 spring.freemarker.check-template-location=true
     9 ##content-type类型(默认为test/html)
    10 spring.freemarker.content-type=text/html
    11 ## 设定所有request的属性在merge到模板的时候,是否要都添加到model中(默认为false)
    12 spring.freemarker.expose-request-attributes=false
    13 ##设定所有HttpSession的属性在merge到模板的时候,是否要都添加到model中.(默认为false)
    14 spring.freemarker.expose-session-attributes=false
    15 ##RequestContext属性的名称(默认为-)
    16 spring.freemarker.request-context-attribute=request
    17 ##模板后缀(默认为.ftl)
    18 spring.freemarker.suffix=.html
    19 ————————————————
    20 版权声明:本文为CSDN博主「高先森_gxs」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    21 原文链接:https://blog.csdn.net/qq_34253619/article/details/83824956

    3.创建Index类添加.html或者.ftl文件 

    3.1创建Iindex类,内容如下:

     1 import org.springframework.stereotype.Controller;
     2 import org.springframework.web.bind.annotation.RequestMapping;
     3 import org.springframework.web.servlet.ModelAndView;
     4  
     5 @Controller
     6 @RequestMapping("/")
     7 public class IndexController {
     8     @RequestMapping("/")
     9     public ModelAndView test(){
    10           ModelAndView modelAndView=new ModelAndView("/test");
    11           modelAndView.addObject("name","老铁");
    12         return modelAndView;
    13     }
    14 }

    3.2添加.html文件(添加的.html后缀必须在配置中配好,放置的路径一定也要是配置中的路径下,否则会出错)

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Title</title>
     6 </head>
     7 <body>
     8 <div>
     9     Hello,${name}
    10 </div>
    11 </body>
    12 </html>

    访问方式:localhost:+端口号+test

    每天多努力一点,你将会变得更好。
  • 相关阅读:
    postgresql怎么导入数据库
    flask建表遇到的错误: flask,sqlalchemy.exc.OperationalError: (MySQLdb._exceptions.OperationalError) (1071, 'Specified key was too long; max key length is 767 bytes')
    Linux(Ubuntu)系统下使用crontab定期执行任务
    Odoo中如何多workers中解决‘Bus.bus avriavle’
    python装饰器
    小程序开发可能会踩的坑
    Flask开发微信小程序后端基础知识准备
    Flask 中使用BluePrint蓝图分割业务代码,方便多人协作开发
    理解JWT(JSON Web Token)认证及python实践
    小程序中的数据请求sessionid,保持登陆状态。
  • 原文地址:https://www.cnblogs.com/lidar/p/14593562.html
Copyright © 2011-2022 走看看