ssm+uniapp增删改查
时间: 2023-12-24 07:04:13 浏览: 90
ssm增删改查
SSM框架和uni-app可以很好地结合使用来实现增删改查功能。下面是一个示例:
1. 在SSM框架中,使用MyBatis进行数据库操作。首先,创建一个Mapper接口,定义增删改查的方法。例如,创建一个UserMapper接口:
```java
public interface UserMapper {
void insert(User user);
void delete(int id);
void update(User user);
User select(int id);
}
```
2. 在MyBatis的配置文件中,配置Mapper接口的映射关系。例如,创建一个userMapper.xml文件:
```xml
<mapper namespace="com.example.mapper.UserMapper">
<insert id="insert" parameterType="com.example.model.User">
INSERT INTO user (id, name, age) VALUES (#{id}, #{name}, #{age})
</insert>
<delete id="delete" parameterType="int">
DELETE FROM user WHERE id = #{id}
</delete>
<update id="update" parameterType="com.example.model.User">
UPDATE user SET name = #{name}, age = #{age} WHERE id = #{id}
</update>
<select id="select" parameterType="int" resultType="com.example.model.User">
SELECT * FROM user WHERE id = #{id}
</select>
</mapper>
```
3. 在Spring MVC中,创建一个Controller类,处理前端请求并调用对应的Mapper方法。例如,创建一个UserController类:
```java
@Controller
@RequestMapping("/user")
public class UserController {
@Autowired
private UserMapper userMapper;
@RequestMapping("/add")
@ResponseBody
public String addUser(User user) {
userMapper.insert(user);
return "添加成功";
}
@RequestMapping("/delete")
@ResponseBody
public String deleteUser(int id) {
userMapper.delete(id);
return "删除成功";
}
@RequestMapping("/update")
@ResponseBody
public String updateUser(User user) {
userMapper.update(user);
return "更新成功";
}
@RequestMapping("/get")
@ResponseBody
public User getUser(int id) {
return userMapper.select(id);
}
}
```
4. 在uni-app中,使用Vue.js进行前端开发。可以通过发送HTTP请求来调用SSM框架中的接口。例如,使用uni.request方法发送请求:
```javascript
// 添加用户
uni.request({
url: 'http://localhost:8080/user/add',
method: 'POST',
data: {
id: 1,
name: '张三',
age: 20
},
success: function(res) {
console.log(res.data);
}
});
// 删除用户
uni.request({
url: 'http://localhost:8080/user/delete',
method: 'POST',
data: {
id: 1
},
success: function(res) {
console.log(res.data);
}
});
// 更新用户
uni.request({
url: 'http://localhost:8080/user/update',
method: 'POST',
data: {
id: 1,
name: '李四',
age: 25
},
success: function(res) {
console.log(res.data);
}
});
// 获取用户
uni.request({
url: 'http://localhost:8080/user/get',
method: 'GET',
data: {
id: 1
},
success: function(res) {
console.log(res.data);
}
});
```
这样,就可以通过uni-app发送HTTP请求来实现SSM框架中的增删改查功能。
阅读全文