java SSM打造一款自己的云笔记系统(初级版)

以你之姓@ 2023-06-20 10:59 26阅读 0赞

做这个项目的初衷是只是为了巩固最近自学的javaweb内容  
[源码地址][Link 1]  
使用到的前后端框架和数据库列表

*  Jquery+Quill(前端富文本编辑器)+highlight(代码高亮)
 *  SpringMVC+Mybatis
 *  MySql+redis(本打算做缓存的，加了一下感觉速度差不多，学艺不精)

1、login&register页面  
主要用到Ajax技术，登录注册表单共用，UI灵感来源于知乎登陆页面  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 1]  
2、文本编辑页面  
实现简单的增删改，**不支持层级目录**，**不支持查找**，支持分页  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 2]  
在编辑页面想看到高亮效果需要手动点击Draw进行渲染（不渲染在显示页面也会出现高亮效果，可以节省内存）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 3]  
3、笔记显示页面  
bug:对齐方式和在编辑页面的不同，总是左对齐(已修复)  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 5]  
**新版展示链接**[http://www.dill.fun/cloudnote][http_www.dill.fun_cloudnote]  
（username:test password:111111）

[源码地址][Link 1]

[Link 1]: https://github.com/vua/cloudnote/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190831162213372.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20190831162532138.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191210134704151.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/2019083116274148.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20191210134733304.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20190831163048540.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODI4MzE1OQ==,size_16,color_FFFFFF,t_70
[http_www.dill.fun_cloudnote]: http://www.dill.fun/cloudnote