一 环境准备
1 JDK 环境配置👌
2 maven环境配置👌
3 mysql配置🙌 成功安装 不知道连接到项目是否正常
4 idea环境配置🙌
maven 配置 url👌
配置runner 👌
配置repositry
jdk 配置
编码环境配置
好像数据库有问题
二 表结构设计 感觉没啥用
三 项目搭建
1 新建项目
2 新建模块
3 导入pom.xml
4 导入application.yml
5 导入静态模型
31
controller层
接受前端发过来的请求,调用service层获取业务逻辑加工后的数据
前端后端通过ajax发送请求
数据为json数据格式
@requestbody把前端传来的数据转换为对象
使用postman模拟前端传来的数据
service
pagehelper
searchmap
实体类和表的映射规则 除了完全一样的,下划线大写的也可以映射
1 时间区间
2 名称模糊
3 分页
引入dao
在这里插入图片描述
后端代码
前端
element
导入vue elementUI AXIOS moment
导入elemenetUI样式列表,css一般在页面头部 导入css
在页面尾部导入js脚本
导入VUE js脚本
36
把layUI和VUE整合
vue
把element组件拿到项目中
换成
pickeroption拿到data区
找一个最大的标签
复制粘贴
太宽了,改一下宽度
前后端交互
路径
参数
进行的处理
把返回的结果
pageresult对象
把数据封装成对象
创建communitylist
进行赋值操作
app.community
返回的数据渲染到页面上:
遍历
展示
id
39
测试 初始化数据
除了search
还要再create里面写一下
this.search()
40
时间区间发生变化searchmap区间条件也要发生变化
在method里面声明
没有选择时间区间或者清理了,当前时间区间为空字符串
把第0个值给开始时间 第一个值给结束时间
在搜索按钮绑定事件
时间进行格式化处理
在这里插入图片描述
在上面显示也要调用一下
42