【www.bbyears.com--nginx】
写在前面
工程为前后端分离设计,使用Nginx为前端资源服务器,同时实现后台服务的反向代理。后台为Java Web工程,使用Tomcat部署服务。
-
前端框架:Bootstrap4,Vue.js2
后台框架:spring boot,spring data JPA
开发工具:IntelliJ IDEA,Maven
实现效果:
会员信息
如何使用Bootstrap+Vue来实现动态table,数据的新增删除等操作,请查看使用Bootstrap + Vue.js实现表格的动态展示、新增和删除 。交代完毕,本文主题开始。
一、使用Bootstrap搭建表格
表格区
序号 会员号 姓名 手机号 办公电话 邮箱地址 状态 {{pageNow*10 + index+1}} {{user.id}} {{user.username}} {{user.mobile}} {{user.officetel}} {{user.email}} 正常 注销
分页区