【实战】Spring+SpringMVC+Mybatis实战项⽬之云笔记项⽬ 【实战】Spring+Spring MVC+Mybatis实战项⽬之云笔记项⽬
⼀、项⽬简介
1、项⽬概述
云笔记,是tmocc上的⼀个⼦项⽬,⽤于客户进⾏在线学习记录,分享,收藏笔记,以及参与社区活动。
2.模块划分
⽤户模块:登录、注册、修改密码、退出
笔记本模块:创建、删除、更新、查看
笔记模块:创建、删除、更新、查看、转义
分享/收藏模块:分享、收藏、查看、搜索
回收模块:查看、彻底删除、恢复
活动模块:查看活动、参加活动
3.设计思想
MVC设计思想
表现层:html+css+Jquery+ajax
控制层:springmvc
业务层;service组件
持久层:Dao组件
4.技术架构
(1)开发环境:windows10+tomcat+mysql
(2)采⽤技术:java+jquery+ajax+springmvc
IOC+AOP+mybatis
java:开发核⼼技术
jquery:简化前端JavaScript($对象和API)
ajax:局处理页⾯,提升⽤户体验度
springmvc:负责接收请求,调⽤业务组件处理,⽣成json响应spring(IOC/AOP):管理相关组件
IOC:负责管理Controller/service/dao,维护它们之间的关系AOP:⾯向切⾯编程,不修改原有的代码,给系统增加新的功能5.整体规范
-所有的请求ajax⽅法访问
-前端页⾯采⽤HTML
-请求结果进⾏JSON相应
{status:,“msg”:,“data”:}
⼆、数据库构建
1.常⽤命令
show databases;//查看有哪些数据库
create database cloud_note;//创建数据库
drop database cloud_note;删除数据库
use 数据库名 ;连接数据库
show tables;查看有哪些表
source ;导⼊sql⽂件
2.数据表联系
三、项⽬流程
SSM框架:springMVC+spring+Mybatis
(⼀)创建云笔记项⽬环境
1.导包
2.添加配置⽂件
+
3.划分包结构
-com.lcz.cloud_note.dao:接⼝层
-com.lcz.cloud_note.service:服务层
-com.lcz.ller:控制层
-com.lcz.ity:实体层
-com.lcz.cloud_note.util:⼯具层
-com.lcz.cloud_note.aspect:切⾯层
4.将html⽬录下的内容拷贝到webapp下
四、功能实现
(⼀)、登录功能
jquery在线库1.发送ajax请求
事件绑定
获取参数
$.ajax发送请求
2.服务器处理
请求
-->DispatcherServlet->HandlerMapping-&ute()->Service->Dao->cn_user->返回数据3.ajax回调处理
成功:edit.html
失败:提⽰信息,重新登录
(⼆)、注册功能
1.发送ajax请求
-发送事件:注册按钮的点击
-获取的参数:⽤户名昵称密码
-请求地址: /user/register.do
2.服务器处理
请求
-->DispatcherServlet->HandlerMapping->
Service(addUser)->
//检查⽤户
user=findByNam(name)
user!=null
result
//添加⽤户
处理password
user.set()
save(user)
//设置result
Dao->cn_user(insert)->json响应
3.ajax回调处理
success:
注册成功
error(异常):
注册失败
知识点:
UUID:是⼀个⽣成字符串算法,⽤于⽣成数据库主键
⽣成主键有两种⽅式:在应⽤服务器端⽣成主键;在数据库端⽣成主键(三)、笔记本列表显⽰功能
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论