一、基础环境搭建

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

SSM框架整合搭建环境

一、crud之查询

猜你喜欢