一、基础环境搭建
1、创建一个maven工程
<mirror>
<id>nexus-aliyun</id>
<mirrorOf>central</mirrorOf>
<name>Nexus aliyun</name>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
</mirror>
<profile>
<id>jdk-1.8</id>
<activation>
<activeByDefault>true</activeByDefault>
<jdk>1.8</jdk>
</activation>
<properties>
<maven.compiler.source>1.8</maven.compiler.source>
<maven.compiler.target>1.8</maven.compiler.target>
<maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>
</properties>
</profile>
2、引入项目依赖的jar包
①spring
②springmvc
③mybatis
数据库连接池,驱动包
其他(jstl、servlet-api、junit)
3、引入bootstrap前端框架
访问地址:
https://www.bootcss.com/
4、编写ssm整合的关键配置文件
①web.xml spring springmvc mybatis 使用mybatis逆向工程生成对应的bean以及mapper
5、测试mapper
一、crud之查询
1、访问index.jsp页面
2、index.jsp页面发送出查询员工列表请求
3、EmployeeController来接收请求,查出员工数据
4、来到list.jsp页面进行展示
查询-ajax
1、index.js页面直接发送ajax请求进行 员工分页数据的查询
2、服务器将查出的数据,以json字符串的形式返回给浏览器
3、浏览器收到js字符串,可以使用js对json进行解析,可以使用js通过dom增删改该变页面
4、返回json 实现客户端的无关性
遇到的问题:(2022.7.3)
百度各种查资料还是没解决!!
祭奠一下!!
navicat连接数据库的解决方法:
1、检查MYSQL服务是否启动
2、管理员cmd运行命令
启动命令:
net start mysql80
rem pause
停止命令:
rem 启动mysql
net stop mysql80
rem pause
新增逻辑:
1、在index.jsp页面点击“新增”
2、弹出新增对话框
3、去数据库查询部门列表,显示在对话框中
4、用户输入数据并校验(jquery前端校验,ajax用户名重复校验,重要数据(后端校验(JSR303),唯一约束))
5、完成保存
URI:
/emp/{id} GET 查询员工
/emp POST 保存员工
/emp/{id} PUT 修改员工
/emp/{id} DELETE 删除员工
删除逻辑:
1、单个删除
URI:/emp/{id} DEL
eclipse快捷键:
ctrl + 1 快速补全
jsp注释快捷键:
整段注释:
ctrl + shift + /
单行注释:
ctrl + shift + C