Spring boot项目中展示HTML页面效果
来源:互联网 发布:ubuntu mxnet 编辑:程序博客网 时间:2024/06/05 19:20
一、在spring boot项目下新建一个“static”文件夹,把用到的js文件夹和HTML页面文件放在该文件目录下。本例中,是使用jquery mobile创建的是一个mobile web页面。
2、HTML页面内容
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>基本的页面</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" href="js/jquery.mobile-1.4.3.css"/></head><body><div data-role="page" id="index1"> <div data-role="header"> <h1>我是标题1</h1> </div> <div role="main" class="ui-content"> <p>我是内容1<p> <p><a href="#index2">index2</a></p> </div> <div data-role="footer"> <h1>我是页脚1</h1> </div></div><div data-role="page" id="index2"> <div data-role="header"> <h1>我是标题2</h1> </div> <div role="main" class="ui-content"> <p>我是内容2<p> <p><a href="#index1">index1</a></p> </div> <div data-role="footer"> <h1>我是页脚2</h1> </div></div><script src="js/jquery.js"></script><script src="js/jquery.mobile-1.4.3.js"></script></body></html>
3、点击运行按钮,启动项目
4、输入地址:“http://localhost:8080/”,用googlel浏览器 调试的页面效果
0 0
- Spring boot项目中展示HTML页面效果
- spring boot 静态页面展示
- spring boot + html 页面
- spring mvc 在页面中展示图片
- spring boot中自定义错误提示页面
- 关于html5与jsp页面同样的html代码展示的页面效果不一样的问题
- 关于html5与jsp页面同样的html代码展示的页面效果不一样的问题
- html5与jsp页面同样的html代码展示的页面效果不一样的问题
- 在html页面中展示pdf文件,实现在线阅读
- 如何在页面正确展示表中存储的html
- Spring Boot 菜鸟教程 11 html页面解析-jsoup
- Spring-boot 设置首页跳转到Html页面
- Spring Boot使用freemarker并且生成静态html页面
- 在spring boot项目中应用swagger2
- Docker 中部署 Spring boot 项目
- spring boot项目整合activiti后,打开页面需要验证
- spring boot 返回 html
- Spring boot 访问html
- java复制当前项目的文件夹到D盘
- endnote使用示例
- Dos命令查看占用某端口的程序
- ibatis调用mysql带OUT类型参数的存储过程
- poj1979 -- Red and Black
- Spring boot项目中展示HTML页面效果
- 【Spring】详解Spring MVC中不同格式的POST请求参数的数据类型转换过程
- [LeetCode]Remove K Digits
- 《C++ primer plus》第十七章 输入、输出和文件(一):输入和输出 学习笔记
- python 读取并显示图片的两种方法
- openCV编程总结(2)-车道线检测之Bezier曲线3次拟合
- 到底什么时候该使用MQ?
- 不要62 HDU
- 多线程开发1--线程的基本操作