云笔记day04

最新推荐文章于 2023-03-13 11:50:11 发布
最新推荐文章于 2023-03-13 11:50:11 发布
阅读量322 收藏
点赞数

云笔记

登录(续)

显示错误消息

原理:

这里写图片描述

  1. 重构控制器增加异常处理方法 UserController

    @ExceptionHandler( UserNotFoundException.class)
@ResponseBody
public JsonResult handleUserNotFound(
        UserNotFoundException e){
    e.printStackTrace();
    return new JsonResult(2,e);
}

@ExceptionHandler(PasswordException.class)
@ResponseBody
public JsonResult handlePassword(
        PasswordException e){
    e.printStackTrace();
    return new JsonResult(3,e);
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

  2. 重构JsonResult 添加 构造器

    public JsonResult(int state, Throwable e) {
    this.state = state;
    this.message = e.getMessage();
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5

  3. 重构 login.js 的loginAction方法, 显示错误信息

    var msg = result.message;
if(result.state==2){
    $('#count').next().html(msg);
}else if(result.state==3){
    $('#password').next().html(msg);
}else{
    alert(msg);
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

  4. 测试

注册功能

原理:

这里写图片描述

1. 持久层

  1. 声明持久层方法: UserDao

    int addUser(User user);

   
   
    • 1
    • 2

  2. 声明SQL UserMappeer.xml

    <insert id="addUser"
    parameterType="cn.tedu.note.entity.User">
    insert into cn_user (
        cn_user_id,
        cn_user_name,
        cn_user_password,
        cn_user_token,
        cn_user_nick
    ) values (
        #{id},
        #{name},
        #{password},
        #{token},   
        #{nick}
    )
</insert>

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

  3. 测试 UserDaoTest:

    UserDao dao;
@Before
public void initDao(){
    dao = ctx.getBean(
            "userDao", UserDao.class);
}
@Test
public void testAddUser(){
    String id=UUID.randomUUID().toString();
    String name = "Tom";
    String salt = "今天你吃了吗?";
    String password = 
        DigestUtils.md5Hex(salt+"123456");
    String token = "";
    String nick = "";
    User user = new User(
        id, name, password, token, nick);
    int n = dao.addUser(user);
    System.out.println(n); 
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21

2. 业务层

  1. 声明业务层方法 UserService

    /**
 * UserService 中添加注册功能
 * @param name 
 * @param nick
 * @param password
 * @param confirm
 * @return 注册成功的用户信息
 * @throws UserNameException 用户名异常
 * @throws PasswordException 密码异常
 */
User regist(String name, String nick, 
        String password, String confirm)
    throws UserNameException, 
    PasswordException;

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

  2. 声明业务层异常 UserNameException

    public class UserNameException extends RuntimeException {
    private static final long serialVersionUID = 6435296194529486206L;

    public UserNameException() {
    }

    public UserNameException(String message) {
        super(message);
    }

    public UserNameException(Throwable cause) {
        super(cause);
    }

    public UserNameException(String message, Throwable cause) {
        super(message, cause);
    }

    public UserNameException(String message, Throwable cause, boolean enableSuppression, boolean writableStackTrace) {
        super(message, cause, enableSuppression, writableStackTrace);
    }

}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24

  3. 重构 jdbc.properties 和 UserServiceImpl, 将salt存储到配置文件, 利用Spring注入到属性中:

    # jdbc.properties
salt=\u4ECA\u5929\u4F60\u5403\u4E86\u5417?

//  UserServiceImpl
@Value("#{jdbc.salt}")
private String salt;

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

  4. 实现业务层方法: UserServiceImpl

    public User regist(String name, 
        String nick, String password, 
        String confirm)
        throws UserNameException, PasswordException {
    //检查name, 不能重复
    if(name==null || name.trim().isEmpty()){
        throw new UserNameException("不能空");
    }
    User one = userDao.findUserByName(name);
    if(one!=null){
        throw new UserNameException("已注册");
    }
    //检查密码
    if(password==null || password.trim().isEmpty()){
        throw new PasswordException("不能空");
    }
    if(! password.equals(confirm)){
        throw new PasswordException("确认密码不一致");
    }
    //检查nick
    if(nick ==null || nick.trim().isEmpty()){
        nick = name;
    }
    String id = UUID.randomUUID().toString();
    String token = "";

    password = DigestUtils.md5Hex(salt+password);
    User user = new User(
            id, name, password, 
            token, nick);
    int n = userDao.addUser(user);
    if(n!=1){
        throw new RuntimeException("添加失败!");
    }
    return user;
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37

  5. 测试:UserServiceTest

    UserService service;
@Before
public void initService(){
    service = ctx.getBean("userService",
            UserService.class);
}

@Test
public void testRegist(){
    User user = service.regist(
            "Andy", "Andy", "123456", 
            "123456");
    System.out.println(user); 
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

3. 控制器

  1. 添加控制器方法 UserController

    @RequestMapping("/regist.do")
@ResponseBody
public JsonResult regist(String name,
        String nick, String password,
        String confirm){
    User user = userService.regist(
            name, nick, password, confirm);
    return new JsonResult(user);
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10

  2. 测试

    http://localhost:8080/note/user/regist.do?name=Jerry&nick=AN&password=12345&confirm=12345

   
   
    • 1
    • 2

4. 添加注册JS脚本

  1. 更新 log_in.html 取消页面检查js脚本:

    window.onload=function(){
    var t =setTimeout("get('zc').style.visibility='visible'",800);
    //get('final_password').onblur=function(){
    //  var npassword=get('regist_password').value;
    //  var fpassword=get('final_password').value;
    //  if(npassword!=fpassword){
    //      get('warning_3').style.display='block';
    //  }
    //}
    //get('regist_password').onblur=function(){
    //  var npassword=get('regist_password').value.length;
    //  if(npassword<6&&npassword>0){
    //      get('warning_2').style.display='block';
    //  }
    //}
    //get('regist_password').onfocus=function(){
    //  get('warning_2').style.display='none';
    //}
    //get('final_password').onfocus=function(){
    //  get('warning_3').style.display='none';
    //}
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23

  2. 添加注册对话框事件脚本 login.js

    $('#regist_button').click(registAction);
$('#regist_username').blur(checkRegistName);
$('#regist_password').blur(checkRegistPassword);
$('#final_password').blur(checkConfirm);

   
   
    • 1
    • 2
    • 3
    • 4
    • 5

  3. 添加注册对话框数据检验方法:login.js

    function checkConfirm(){
    var pwd2 = $('#final_password').val();
    var pwd = $('#regist_password').val();
    //pwd 如果是空值表示 false, 非空则是true
    if(pwd && pwd==pwd2){
        $('#final_password').next().hide();
        return true;
    }
    $('#final_password').next().show()
        .find('span').html('确认密码不一致');
    return false;
}

function checkRegistPassword(){
    var pwd = $('#regist_password').val().trim();
    var rule = /^\w{4,10}$/;
    if(rule.test(pwd)){
        $('#regist_password').next().hide();
        return true;
    }
    $('#regist_password').next().show()
        .find('span').html('4~10个字符');
    return false;
}

function checkRegistName(){
    var name = $('#regist_username').val().trim();
    var rule = /^\w{4,10}$/;
    if(rule.test(name)){
        $('#regist_username').next().hide();
        return true;
    }
    $('#regist_username').next().show()
      .find('span').html('4~10字符');
    return false;
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37

  4. 添加注册对话框注册按钮事件方法 login.js

    function registAction(){
    console.log('registAction');
    //检验界面参数
    var n = checkRegistName() +
        checkRegistPassword() +
        checkConfirm();
    if(n!=3){
        return ;
    }
    //获取界面中表单数据
    var name = $('#regist_username').val().trim();
    var nick = $('#nickname').val();
    var password = $('#regist_password').val();
    var confirm = $('#final_password').val();
    //发起AJAX请求
    var url = 'user/regist.do';
    var data = {name:name, 
            nick:nick, 
            password:password, 
            confirm:confirm};
    //console.log(data);
    // $.post 是 $.ajax的简化版
    $.post(url, data, function(result){
        console.log(result);
        if(result.state==0){
            //退回登录界面
            $('#back').click();
            var name = result.data.name;
            $('#count').val(name);
            $('#password').focus();
            //清空表单
            $('#regist_username').val('');
            $('#nickname').val('');
            $('#regist_password').val('');
            $('#final_password').val('');

        }else if(result.state==4){
            $('#regist_username').next().show()
              .find('span').html(result.message);
        }else if(result.state==3){
            $('#regist_password').next().show()
              .find('span').html(result.message);
        }else{
            alert(result.message);
        }
    });
    //得到响应以后, 更新界面
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49

  5. 重构控制器UserController 增加事件处理方法:

    @ExceptionHandler(UserNameException.class)
@ResponseBody
public JsonResult handleUserName(
        UserNameException e){
    e.printStackTrace();
    return new JsonResult(4,e);
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

  6. 测试…

    调试工具:

这里写图片描述

笔记本列表功能

原理:

这里写图片描述

1. 持久层

  1. 添加持久层接口 NotebookDao:

    public interface NotebookDao {

    List<Map<String, Object>>
        findNotebooksByUserId(
        String userId);
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

  2. 添加Mapper文件: NotebookMapper.xml

    <mapper namespace="cn.tedu.note.dao.NotebookDao">

    <select id="findNotebooksByUserId"
        parameterType="string"
        resultType="map">
        select 
            cn_notebook_id as id,
            cn_notebook_name as name
        from 
            cn_notebook
        where
            cn_user_id = #{userId}
        order by
            cn_notebook_createtime desc
    </select>

</mapper>

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18

  3. 测试:

    public class NotebookDaoTest extends BaseTest{

    NotebookDao dao;

    @Before
    public void initDao(){
        dao = ctx.getBean("notebookDao",
                NotebookDao.class);
    }

    @Test
    //select cn_user_id from cn_notebook;
    public void testFindNotebooksByUserId(){
        String userId="52f9b276-38ee-447f-a3aa-0d54e7a736e4";
        List<Map<String, Object>> list=
            dao.findNotebooksByUserId(userId);
        for (Map<String, Object> map : list) {
            System.out.println(map); 
        }
    }
}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22

    提示: 需要先到数据库中获得拥有笔记的用户ID userId

    select cn_user_id from cn_notebook;

   
   
    • 1
    • 2

List 封装查询结果:

这里写图片描述

2. 业务层

  1. 声明业务接口NotebookService

    public interface NotebookService {

    List<Map<String, Object>> 
        listNotebooks(String userId)
        throws UserNotFoundException;

}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

  2. 实现业务接口 NotebookServiceImpl

    @Service("notebookService")
public class NotebookServiceImpl implements NotebookService {

    @Resource
    private NotebookDao notebookDao;

    @Resource 
    private UserDao userDao;

    public List<Map<String, Object>> 
        listNotebooks(String userId) 
        throws UserNotFoundException {
        if(userId==null || userId.trim().isEmpty()){
            throw new UserNotFoundException("ID不能空");
        }
        User user = userDao.findUserById(userId);
        if(user==null){
            throw new UserNotFoundException("用户不存在");
        }
        return notebookDao
                .findNotebooksByUserId(userId);
    }

}

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25

  3. 添加查询方法 UserDao

    User findUserById(String userId);

   
   
    • 1
    • 2

  4. 添加SQL UserMapper

    <select id="findUserById" 
    parameterType="string"
    resultType="cn.tedu.note.entity.User">
    select 
        cn_user_id as id,
        cn_user_name as name,
        cn_user_password as password,
        cn_user_token as token,
        cn_user_nick as nick
    from
        cn_user     
    where
        cn_user_id = #{userId}
</select>

   
   
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

  5. 测试:

    public class NotebookServiceTest extends BaseTest {
    NotebookService service;
    @Before
    public void initService(){
        service = ctx.getBean("notebookService",
                NotebookService.class);
    }

    @Test
    public void testListNotebooks(){
        String userId="52f9b276-38ee-447f-a3aa-0d54e7a736e4";
        List<Map<String, Object>> list=
            service.listNotebooks(userId);
        for (Map<String, Object> map : list) {
            System.out.println(map); 
        }

    }
}
qq_26380781
关注
Java项目——云R记
CSDN2022博客之星Top39；华为云博主7&，CSDN、稀土掘金、微信公众号、阿里云开发者社区、腾讯云社区、博客园、知乎、51CTO同名博主WHYBIGDATA；
04-28 3749
Java入门级项目：云R记 视频地址 https://www.bilibili.com/video/BV1YU4y1p7wj?from=search&seid=1307576622141006226&spm_id_from=333.337.0.0 1、项目介绍 云R记软件就是用于记录日常生活点滴。一款简单快速的个人记事备忘工具。会议记录、日程安排、生活备忘，奇思妙想、快乐趣事以及任何突发灵感都可快速记录到系统中。 本系统采用B/S 架构，使用 BootStrap + Jsp + Ser
笔记day05
qq_45844108的博客
06-16 1570
day05
java Web云笔记项目
02-04
在培训机构培训时做的项目，分享一下给大家
java版云笔记（四）
weixin_33841503的博客
09-25 178
　　页面的笔记本加载完成了，接下来就是点击笔记本显示将笔记显示，同时把笔记在右边的编辑器中，同时把编辑后的笔记更新。 　　注：这个项目的sql文件，需求文档，需要的html文件，jar包都可以去下载，下载地址为：http://download.csdn.net/download/liveor_die/9985846 笔记列表显示...
达内java云笔记项目
01-05
含有建表文件，不含JAVA代码，只有HTML文件
java 云笔记_简单的云笔记项目源码(含数据库脚本，适合新手)
weixin_39637589的博客
02-24 1738
【实例简介】简单的云笔记项目，登录、注册、发布云笔记、查询云笔记等基本功能【实例截图】【核心代码】package cn.tedu.userdiary.controller;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import javax.servle...
云基础笔记
Leon_Amos的博客
02-22 426
一、云计算的演进 并行式计算： 将一个计算分成多个部分，时间上同时计算，空间上分给多个运算单元\处理器计算。（大概是一台设备上） 分布式计算： 将一个计算分成多个部分，分给不同的、独立的计算机上计算处理。 （同构） 网格计算： 分布式计算的一种， 网格计算侧重于不同组织间计算能力的连接 为客户提供一体化的信息和应用服务 （异构 不要求设备一个厂家） 云计算： 侧重于IT资源的整合，整合后按...
note_day12.zip_云笔记_云笔记项目
09-23
在本项目"note_day12.zip"中，我们有一个基于Java开发的云笔记应用程序。这个项目的核心特性包括创建笔记、删除笔记以及创建笔记本，旨在提供一个便捷的在线存储和管理个人知识的平台。值得注意的是，项目源代码并...
达内Java项目云笔记12天完整源码cloudnote_day12_all.zip
01-04
在"达内Java项目云笔记12天完整源码cloudnote_day12_all.zip"这个压缩包中，我们可以深入探索一个基于Java开发的云笔记应用程序。该项目提供了从零到一的学习路径，涵盖了12天的学习内容，旨在帮助开发者全面掌握...
b站动力节点2020版mysql课堂笔记day04
04-06
b站动力节点2020版mysql课堂笔记day04
java云笔记 项目+sql文件+超清晰注释+项目经验
07-11
项目采用这些技术和设计思想 Ajax,jQuery Spring(MVC,IOC,AOP) MyBatis Ajax:异步请求响应处理;页面局部刷新 (所有请求一律采用Ajax方式交互) jQuery:简化js和Ajax编程,实现前端处理 SpringMVC:实现控制层,用于接收请求分发 给业务模型处理,并实现请求响应 SpringIOC:实现管理控制层,业务层,数据访问层 组件,采用注入方式建立关系(解耦) SpringAOP:实现事务管理和异常日志处理 (在不修改原有组件情况下,追加功能) MyBatis:实现数据库操作,实现数据访问层 界面一律采用HTML 所有交互一律采用Ajax模式 所有交互一律采用无状态会话处理
某内JAVA班的云笔记项目，mysql+H5，除了H5都是自己敲的
01-31
java开发,HTML5,某内云笔记项目,MySql数据库，有建库文件
javaweb 云笔记项目源代码（SSM）
04-26
javaweb 云笔记项目源代码（SSM),采用Maven管理代码。
cloudnote(云笔记)项目
05-26
云笔记项目，可以实现笔记本列表，增删改查，垃圾桶等功能
基于JAVA的云笔记系统的设计与实现
04-18
关于java开发的云笔记系统的论文 第一章 引言 4 1.1 项目背景 4 1.2 同类系统研究与应用现状 4 1.3 研究的内容和主要工作 4 1.3.1 研究的内容 5 1.3.2 本人主要工作 5 1.4 论文结构 5 第二章 业务逻辑概述和系统需求分析 5 2.1 业务逻辑概述 5 2.2 用例图 6 2.3 功能需求 6 2.4 性能需求 6 第三章 功能分析 7 3.1 系统功能结构 7 3.2 数据库设计 7 3.2.2 数据库概述 7 第四章 系统实现 8 4.1 登录模块 8 4.1.1 登录功能 8 4.1.2 注册功能 9 4.1.3 修改密码功能 9 4.2 笔记本模块 9 4.2.1 创建笔记本 10 4.2.2 删除笔记本 10 4.3 笔记模块 11 4.3.1 创建笔记 11 4.3.2 修改笔记 11 4.3.3 删除笔记 12 第五章 系统测试 12 5.1 软件测试的定义 12 5.2 软件测试方法及具体步骤 12 第六章 总结与展望 14 6.1 总结 14 6.2 进一步的工作 14 参考文献 15 致谢 16
hibernate_day04笔记
12-22
hibernate_day04笔记
达内云笔记代码
07-04
【达内云笔记代码】是针对Java开发框架SpringMVC和MyBatis的学习资源集合，这些笔记涵盖了多个学习阶段，包括了从基础到进阶的知识点。以下将详细阐述SpringMVC和MyBatis这两个核心框架的主要内容以及它们在实际开发...
javaEE云笔记项目页面
luanqi_77的博客
07-01 222
a.登录页面 b.笔记本管理页面 c.笔记管理页面 d.回收站页面 e.文件管理页面，上传下载
Java项目云笔记管理系统（后端）
最新发布
阿水的博客
03-13 1008
Java项目云笔记管理系统（java+uni-app+SpringBoot+Mybatis(MybatisPlus)+Maven+Mysql）
云笔记系统开发：SpringMVC+MyBatis实现
"云笔记系统的设计与实现，使用SpringMVC + MyBatis技术，构建B/S架构的云笔记软件，包含用户登录、笔记管理和活动分享等功能，旨在提供高效、实时和安全的笔记存储服务。系统界面友好，操作简便，具有良好的发展...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值