该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
Node.js+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术:
Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境:建议是用5.7版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
6.Navcat11:这个版本不限10/11/14/15都可以。;
Node.js毕设帮助,指导,本源码(见文末),调试部署
3.1系统功能
通过前面的功能分析可以将共享笔记系统app的功能分为管理员和用户两个部分,系统的主要功能包括首页、个人中心、用户管理、笔记类别管理、笔记库管理、消息通知管理、系统管理等内容。任何用户只要进入网站不需登录也可浏览到的信息,后台管理是针对已登录的用户看到满意的共享笔记信息而设计的。
1、一般用户的功能及权限
所谓一般用户就是指还没有注册的过客,他们可以浏览主页面上的信息。但如果要进入后台操作时,要登录注册,只有注册成功才有的权限。
2、管理员的功能及权限
用户信息的添加和管理,共享笔记详细信息添加和管理,文档信息添加和管理以及网站信息管理,这些都是管理员的功能。
3、系统功能结构图
系统功能结构图是系统设计阶段,系统功能结构图只是这个阶段一个基础,整个系统的架构决定了系统的整体模式,是系统的根据。共享笔记系统app的整个设计结构如图3-1所示。
![](https://img-blog.csdnimg.cn/img_convert/fa7ec4efd93867d03ec6f33be7158a51.png)
图3-1系统功能结构图
3.4系统用例图
系统用例图如下图3-2所示:
![](https://img-blog.csdnimg.cn/img_convert/d66d1bc6cf85c3c2969b6550830b31b2.png)
图3-2 系统业务用例图
4.1数据库设计
信息管理系统的效率和实现的效果完全取决于数据库结构设计的好坏。为了保证数据的完整性,提高数据库存储的效率,那么统一合理地设计数据库结构是必要的。数据库设计一般包括如下几个步骤:
(1)根据用户需求,确定数据库信息进行保存
对用户的需求分析是数据库设计的第一阶段,用户的需求调研,熟悉其中的运作流程,系统要求,这些都是以概念模型为基础的。
(2)设计数据的概念模型
概念模型与数据建模用户的观点一致,用于信息世界的建模工具。通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。
用户注册实体图如图4-1所示:
![](https://img-blog.csdnimg.cn/img_convert/d21d51f7a9ffdaf4026e749966920e74.png)
图4-1用户注册实体图
笔记库实体图如图4-2所示:
![](https://img-blog.csdnimg.cn/img_convert/4db6f4b1751056a98bafba9bf380d30d.png)
图4-2笔记库实体图
4.2.2系统流程图
下图是用户进入这个共享笔记系统app后,基本的操作流程。一进入首页便可以进行各种共享笔记信息的浏览,用户可以根据自身的需求来找适合自己的笔记信息,如果要进入后台操作时,前提是必须是登录的用户,不然系统会提示需重新登录才可操作。用户也可通过公告的消息,了解实时的情况,这样有助于结合自身,更好的适应共享笔记的分享需求,最后用户可以根据自己获得信息的满意程度来进行操作。
![](https://img-blog.csdnimg.cn/img_convert/65232ae1eadf796310992cc532a30dc4.png)
图4-4系统操作流程图
5.1 app端(用户功能)
用户登录,用户进入app,输入账号和密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
![](https://img-blog.csdnimg.cn/img_convert/793ca1770cf845fb565e0e5f9080eadf.png)
图5-1用户登录界面图
用户注册,在用户注册页面通过填写用户名、密码、确认密码、姓名、性别、手机等信息进行注册操作;如图5-2所示。
![](https://img-blog.csdnimg.cn/img_convert/c4be39375af58bc4499dc483a7e50bc4.png)
图5-2用户注册界面图
用户登陆进入系统可以实现首页、笔记库、消息通知、论坛交流、我的等功能进行详细操作,如图5-3所示。
![](https://img-blog.csdnimg.cn/img_convert/8e8e8f002054300cfb87171ce6fa3341.png)
图5-3 app首页界面图
笔记库,在笔记库页面可以查看笔记名称、笔记科目、笔记类别、下载链接、发布日期、用户名、点击次数、笔记介绍等信息,并进行评论或收藏操作,如图5-4所示。
![](https://img-blog.csdnimg.cn/img_convert/0f1757948289b0594d0e17d5e464376e.png)
图5-4笔记库界面图
消息通知,在消息通知页面可以查看通知标题、通知日期、图片、用户名、姓名、手机、通知内容等信息,如图5-5所示。
![](https://img-blog.csdnimg.cn/img_convert/a95cb4ef8c8dbbea6c84f58aaec06f60.png)
图5-5消息通知界面图
用户,在我的页面可以对个人中心、笔记库、消息通知、我的收藏管理、我要发贴、我的发贴、留言反馈等详细信息进行操作,如图5-6所示。
![](https://img-blog.csdnimg.cn/img_convert/5080265e90ed034194d7ea5d6580eeda.png)
图5-6用户功能界面图
用户信息,在用户信息页面通过填写用户名、密码、姓名、性别、头像、手机等详细信息进行保存或退出登录操作,如图5-8所示。
![](https://img-blog.csdnimg.cn/img_convert/7cd8593077548a31a5bc277381012614.png)
图5-8用户信息界面图
5.2管理员功能模块
管理员登录,管理员通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图5-9所示。
![](https://img-blog.csdnimg.cn/img_convert/d29f3045424fc7ea6d9e82451f6e197a.png)
图5-9管理员登录界面图
管理员登陆系统后,可以对首页、个人中心、用户管理、笔记类别管理、笔记库管理、消息通知管理、系统管理等功能进行相应操作,如图5-10所示。
![](https://img-blog.csdnimg.cn/img_convert/9ef8a873a751b624628f8faa5cdae060.png)
图5-10管理员功能界面图
用户管理,在用户管理页面可以对用户名、姓名、性别、头像、手机等内容进行详情、修改或删除等操作,如图5-11所示。
![](https://img-blog.csdnimg.cn/img_convert/9fca2ac395fbae7d3ccd26887709278e.png)
图5-11用户管理界面图
笔记类别管理,在笔记类别管理页面可以对笔记类别信息进行详情、修改或删除等操作,如图5-12所示。
![](https://img-blog.csdnimg.cn/img_convert/99297732b1ba64a4aa2e5da698e42223.png)
图5-12笔记类别管理界面图