【CSDN】Spring+Spring MVC+Mybatis实战项目之云笔记项目

【实战】Spring+Spring MVC+Mybatis实战项目之云笔记项目

一、项目简介

img

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.**导包**

img

2.**添加配置文件**

img

+

web.xml

3. 划分包结构

-com.lcz.cloud_note.dao:接口层

-com.lcz.cloud_note.service:服务层

-com.lcz.cloud_note.controller:控制层

-com.lcz.cloud_note.entity:实体层

-com.lcz.cloud_note.util:工具层

-com.lcz.cloud_note.aspect:切面层

4. 将html目录下的内容拷贝到webapp下

四、功能实现

(一)、登录功能

img

1. 发送ajax请求

事件绑定

获取参数

$.ajax发送请求

2. 服务器处理

请求

-->DispatcherServlet->HandlerMapping->Controller.execute()->Service->Dao->cn_user->返回数据

3.ajax 回调处理

成功:edit.html

失败:提示信息,重新登录

(二)、注册功能

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwssdx.html