文章管理系统微信小程序ssm+论文源码调试讲解

第2章 关键技术简介

2.1 微信小程序

微信小程序,简称小程序,英文名Mini Program,是一种全新的连接用户与服务的方式,可以快速访问、快速传播,并具有良好的使用体验[12]。

小程序的主要开发语言是JavaScript,它与普通web的开发有很多相似之处。小程序和普通网页开发并不是相同的东西,是有差异的。网页开发的渲染线程和脚本线程是互斥的,而在小程序中,确实分开的,分别在不同的线程之中运行。网页开发的工作者可以运用各种浏览器暴露出来的DOM API,进行DOM选中和操作,但小程序不行,它并没有一个完整的浏览器对象,因此缺失DOM API和BOM API。这样的差别使得前端开发中经常用到的一些库是无法在小程序中运行的。另外,网页开发的工作者在开发网页时所要面对的环境是在各式各样系统上运行的各式各样的浏览器,,而小程序只,只需面对iOS和Android这两道操作系统下的微信就足够了。

小程序和传统的APP相比,有着开发成本更低,获客成本更低,开发周期更短,发展空间更大等的优点。不过,为了体现“用完即走”、“无需安装”等理念,小程序的功能、性能还有大小都受到了制约,可以说是各有利弊。

2.2 微信开发者工具

为了能够让微信小程序的开发人员有根家优秀的开发环境,腾讯在原有的公众号网页调试工具的基础上,推出了全新的微信web开发者工具。

微信web开发者工具具备编辑、调试、项目、编译、关闭、后台和缓存这七个选项卡,让开发者能够更方便的进行开发和调试,节省开发所耗费的时间。

2.3微信小程序API接口

微信小程序API接口是腾讯公司为了微信小程序和微信公众号提供的接口文档,里面包含了各种需要使用的接口技术[7],例如本项目用到的获取微信用户信息(wx.getUserInfo)、蓝牙通讯传输功能、网络请求(wx.request)、定位功能等,总的来说,小程序API是满足一个程序开发的大部分接口。

2.4 WXML 、WXS、JS小程序编写语言

WXML全称是 WeiXin Markup Language,是微信标记语言,是微信小程序的标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构。类似于HTML语言,但是他自身也拥有一定的特色。

WXSS(WeiXin Style Sheets)是微信样式表,是微信小程序用于修饰标签语言的样式文件,WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性,同时为了更适合开发微信小程序,WXSS对CSS语言进行修改和扩充,引入全新尺寸单位rpx,但大体语法于CSS语言不分离。

JS是 JavaScript[4]语言的简称,微信小程序里面也可以叫做WXS,是一门脚本语言,通俗易懂,用于页面交互的语言。

2.5 MYSQL数据库

MySQL 是关系型数据库管理系统的代表,它是属于 Oracle 旗下产品,使用C语言和C++语言编写的,使用了多种技术,由于它体积小,易使用,成本低,灵活性[2],该数据库在中小企业比较受欢迎。MySQL的灵活性体现在非常多方面,可是适应高要求的环境,通过不同配置适应各种硬件,同时支持各种不同的数据。因为MySQL是其免费开源的,而且MySQL的功能已经足够用对于学习和中小型企业来讲,所以开发中小型网站都会选择MySQL作为网站的数据库。[5]

第3章 系统分析

3.1 可行性分析

需要使用大部分精力开发的基于微信小程序的文章管理系统为了充分降低开发风险,特意在开发之前进行可行性分析这个验证系统开发是否可行的步骤。本文就会从技术角度,经济角度,还有操作角度等进行综合阐述。

3.1.1技术可行性

本文章管理系统采用Java技术,基于微信小程序,采用MYSQL数据库进行开发的。

(1)Java提供了稳定的性能、优秀的升级性、更快速的开发、更简便的管理、全新的语言以及服务。整个系统帮用户做了大部分不重要的琐碎的工作。

(2)基于微信小程序的系统的开发已发展日趋成熟。

(3)作为计算机专业的学生,对数据库比较熟悉,掌握了MYSQL数据库,建立这样一个系统应该在能力范围之内

综上所述:基于微信小程序的文章管理系统的开发技术具有很高可行性。

3.1.2 经济可行性

该系统的开发工具使用的都是免费的开发工具,且内容较为简单,一台计算机便可以开发出这个系统,且后期的维护,修改等对本系统的改动,都可以只通过一台计算机实现,因此开发该系统的成本在有计算机的情况下基本为0,所以本系统在经济上是可行的。

3.1.3 操作可行性

本系统操作页面简洁明了,操作极其容易,用户登陆后一眼便可看到自己所需要的信息,而管理员的操作也十分轻松便捷,只要操作人员具有一定的文字水平以及简单的逻辑思维,就可以轻松操作本系统,因此本系统在操作上是可行的。

3.1.4时间可行性

从2020年11月份我们在学校就没有课程了,同学们大部分选择找工作实习了,我也是在其中。一边找工作的同时,一边忙着完成毕业设计工作。对于我本人来讲,目前的情况是白天我要上班参加实习工作,只有晚上我才有时间完成论文编写工作。论文答辩是在2021年5月份左右,将近半年时间来完成毕业设计,时间上还是很充分。

综上可以看出,本基于微信小程序的文章管理系统的开发在技术、经济、操作以及时间四个方面都具有很高的可行性,开发本程序可行。

3.2 系统性能分析

随着互联网的发展,微信小程序越来越完善,现在的生活中充斥着微信小程序,由于小程序方便快捷,基于微信这个大平台,小程序发展是高速的,吃饭可以通过小程序点餐,出去玩可以用小程序打车,因此文章管理也可以使用小程序。系统性能需求如下:

(1)软件功能清晰明了,尽量多用列表的展示简化用户操作,提升使用者体验,减少下拉菜单这种降低体验的操作。

(2)软件的功能要尽量完整,也要全面。

(3)经常的在以后版本更新完善软件,使得软件保持一个新鲜度,也可以做一些活动来促进用户使用软件。

(4)减少软件使用过程中出错,做好优化,遵循开发逻辑,降低bug的产生率以提升用户体验。

3.3 系统功能分析

本基于微信小程序的文章管理系统满足了不同用户的功能需求,包括用户、作者以及管理员,下面对这不同用户的功能需求进行简介。

(1)管理员功能分析

管理员可进行后台进行管理,包含个人中心、用户管理、作者管理、文章管理、文章分类管理、论坛以及系统管理。

管理员用例图如图3.1所示。

图 3.1 管理员用例图

(2)作者功能分析

作者注册登录后主要功能模块包括首页、文章、论坛以及我的(文章、我的收藏管理、客服、我要发帖、我的发帖)。

作者用例图如图3.2所示。

图 3.2 作者用例图

(3)用户功能分析

没有账号的用户可进行注册操作,注册登录后主要功能模块包括首页、文章、论坛以及我的(文章、我的收藏管理、客服、我要发帖、我的发帖)。

用户用例图如图3.3所示。

图 3.3 用户用例图

3.4 系统流程分析

3.4.1注册登录流程

没有账号的作者和用户均可进行注册,注册后可进行登录系统,注册登录流程图如图3.4所示。

图3.4注册登录流程图

3.4.2添加信息流程

管理员、用户以及作者均可添加信息,下面是添加信息的时候的流程图,如图3.5所示

图3.5 添加信息流程图

3.5系统界面分析

用户界面指的是用户直接看到的图形界面也称为前端设计。用户界面的好坏直接影响到用户操作时的体验、效率,愉快性,而且用户界面设计不当还会导致无法很好的发挥出系统的性能。

1.界面元素

常见的用户界面都会包括:整体页面的主颜色,字体的大小,字体的颜色,整体页面的布局,主要功能在页面上的布局位置,重要的输入界面和输出界面,人机交互界面。用户界面采用的主颜色,还有整体的布局的美观和功能布局的位置是否符合人性的设计都会直接的影响到用户对本系统软件的认同度。

2.用户角色

界面的设计必须建立在用户的角度,只有把自己当作用户思考人们的使用习惯和爱好的时候,才能开发出一个围绕用户的界面。通过调查用户的操作习惯,并将收集而来的纷乱复杂信息,进行总结,抽象得出满足用户的用户界面模型。

3.需求变化

人们的审美和习惯爱好,总是在不断的改变着。故要根据不同用户的喜好,操作习惯作不同的需求设计分析,作出更加符合的用户口味的操作界面。从而得到用户的认可。

4.界面原型

设计的前期通过快速的创建界面原型,通过同学的建议一点一点的改进用户界面从快速的达到理想的效果。用户界面的设计原则要满足以下几点:

(1)页面简洁,操作简单。

(2)对于用户而言,浏览信息比记忆信息更友好。

(3)从用户的角度思考,才能让用户更好的接纳。

(4)利用当今已经流行的页面设计,让用户快速的学会操作。

5.安全性问题

安全性问题应该是人们最看重的。用户界面上输入的信息不会被别人窃取,还有若输入的时候出现错误页面必须能够回退。

第4章 系统设计

4.1系统结构设计

本基于微信小程序的文章管理系统主要实现了作者功能模块、用户功能模块和管理员功能模块三大部分,系统结构图如图4-1所示。

图4.1系统功能结构图

4.2系统顺序图设计

4.2.1登录模块顺序图

登录模块主要满足了管理员、作者和用户的权限登录,登录模块的顺序图如图 4.2 所示。

添加图片注释,不超过 140 字(可选)图4.2登录顺序图

4.2.2添加信息模块顺序图

管理员、用户以及作者登录后均可进行信息的添加操作,添加信息顺序图如图4.3所示

图4.3添加信息顺序图

4.3系统数据库设计

4.3.1 数据库E-R图设计

系统E-R图就是系统的实体关系图,它是用来描述某一组织(单位)的概念模型,提供了表示实体、属性和联系的方法。构成E-R图的基本要素是实体、属性和关系。实体是指客观存在并可相互区分的事特;属性指指实体所具有的每一个特性。根据数据库中的几个表分别绘制数据库的实体图。以下给出本系统中比较重要的实体E-R图。

(1)文章信息实体E- R图,如图4.4所示

图4.4 文章信息实体属性图

(2)论坛信息实体E- R图,如图4.5所示

图4.5 论坛信息实体属性图

(3)管理员信息实体E- R图,如图4.6所示

图4.6 管理员信息实体属性图

(4)用户信息实体E- R图,如图4.7所示

图4.7 用户信息实体属性图

(5)作者信息实体E- R图,如图4.8所示

图4.8 作者信息实体属性图

(6)文章分类信息实体E- R图,如图4.9所示

图4.9 文章分类信息实体属性图

4.3.2 数据库表设计

本基于微信小程序的文章管理系统在开发过程中使用MySQL数据库系统进行系统数据的储存,以下是本系统的主要数据库表信息。

表4.1 wenzhang文章信息表

序号

字段

描述

类型和长度

主键

是否可空

1

id

编号

bigint(20)

不允许

2

addtime

创建时间

timestamp

允许

3

wenzhangmingcheng

文章名称

varchar(200)

允许

4

leibie

类别

varchar(200)

允许

5

zuozhezhanghao

作者账号

varchar(200)

允许

6

zuozhexingming

作者姓名

varchar(200)

允许

7

fabushijian

发布时间

datetime

允许

8

`fengmian`

封面

varchar(200)

允许

9

`wenzhangneirong`

文章内容

longtext

允许

10

`thumbsupnum

赞数

int(11)

允许

11

crazilynum

踩数

int(11)

允许

12

clicktime

最近点击时间

datetime

允许

13

userid

用户编号

bigint(20)

允许

表4.2 forum`论坛信息表

序号

字段

描述

类型和长度

主键

是否可空

1

id

编号

bigint(20)

不允许

2

addtime

创建时间

timestamp

允许

3

title

帖子标题

varchar(200)

允许

4

`content

帖子内容

longtext

允许

5

`parentid

父节点编号

bigint(20)

允许

6

userid

用户编号

bigint(20)

允许

7

username

用户名

varchar(200)

允许

8

isdone

状态

varchar(200)

允许

表4.3 users管理员信息表

序号

字段

描述

类型和长度

主键

是否可空

1

id

编号

bigint(20)

不允许

2

username

用户名

varchar(100)

允许

3

password

密码

varchar(100)

允许

4

role

角色

varchar(100)

允许

5

addtime

添加时间

timestamp

允许

表4.4 yonghu用户信息表

序号

字段

描述

类型和长度

主键

是否可空

1

id

编号

bigint(20)

不允许

2

addtime

创建时间

timestamp

允许

3

yonghuzhanghao

用户账号

varchar(200)

允许

4

mima

密码

varchar(200)

允许

5

yonghuxingming

用户姓名

varchar(200)

允许

6

xingbie

性别

varchar(200)

允许

7

shouji

手机

varchar(200)

允许

8

youxiang

邮箱

varchar(200)

允许

9

shenfenzheng

身份证

varchar(200)

允许

10

zhaopian

照片

varchar(200)

允许

表4.5 zuozhe作者信息表

序号

字段

描述

类型和长度

主键

是否可空

1

id

编号

bigint(20)

不允许

2

addtime

创建时间

timestamp

允许

3

zuozhezhanghao`

作者账号

varchar(200)

允许

4

mima

密码

varchar(200)

允许

5

zuozhexingming

作者姓名

varchar(200)

允许

6

xingbie

性别

varchar(200)

允许

7

shouji

手机

varchar(200)

允许

8

youxiang

邮箱

varchar(200)

允许

9

shenfenzheng

身份证

varchar(200)

允许

10

zhaopian

照片

varchar(200)

允许

表4.6 `wenzhangfenlei文章分类信息表

序号

字段

描述

类型和长度

主键

是否可空

1

id

编号

bigint(20)

不允许

2

addtime

创建时间

timestamp

允许

3

leibie

类别

varchar(200)

允许

第5章 系统的实现

5.1微信端功能模块的实现

5.1.1注册登录界面

没有账号的用户可进行注册操作,注册时可选择注册类型进入对应角色的注册界面,注册后可进行登录系统,微信端注册登录界面展示如图5.1所示。

 

 

 

图5.1 微信端注册登录界面

5.1.2首页界面

所有用户登录后均可进入首页查看首页信息,首页界面展示如图5.2所示。

 

图5.2首页界面

5.1.3文章界面

用户登录后可查看文章信息,并可根据条件快速查询所需文章,可选择文章进行查看详情操作,文章界面展示如图5.3所示。

 

 

图5.3 文章界面

5.1.4我要发帖界面

作者和用户登录后均可进行发帖操作,我要发帖界面展示如图5.4所示。

 

图5.4 我要发帖界面

5.1.5添加文章界面

作者登录后可进行添加文章操作,添加文章界面展示如图5.5所示。

 

图5.5 添加文章界面

5.1.6我的收藏管理界面

用户和作者均可管理个人收藏信息,我的收藏管理界面展示如图5.6所示。

 

图5.6 我的收藏管理界面

5.2管理员功能模块的实现

5.2.1管理员登录界面

管理员要想进入系统后台对系统进行管理操作,必须登录系统后台,管理员登录界面展示如图5.7所示。

 

图5.7 管理员登录界面

5.2.2用户管理界面

管理员登录后可添加、修改和删除用户信息,用户管理界面如图5.8所示。

 

图5.8 用户管理界面

5.2.3作者管理界面

管理员在作者管理界面可查看所有作者信息,对已有作者信息可进行编辑和删除操作,同时也可添加作者信息,作者管理界面如图5.9所示。

 

图5.9 作者管理界面

5.2.4文章管理界面

管理员可管理文章信息,对已有文章信息可进行编辑和删除,文章管理界面展示如图5.10所示。

 

图5.10 文章管理界面

5.2.5文章分类管理界面

管理员可增删改查文章分类信息,文章分类管理界面展示如图5.11所示。

 

图5.11 文章分类管理界面

5.2.6论坛管理界面

管理员可管理论坛信息,论坛管理界面展示如图5.12所示。

 

图5.12 论坛管理界面

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/13413.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

Python OpenCV孤立点检测

孤立点检测 在Python中使用OpenCV进行孤立点(异常点)检测,可以通过应用统计分析或者使用OpenCV的findContours和convexHull函数来识别。以下是一个简单的例子,使用OpenCV的findContours和convexHull来识别并绘制孤立点。 孤立点…

leetcode-15-三数之和

题解: 代码: 参考:leetcode-16-最接近的三数之和

PHP中小学优校管理系统小程序源码

🏫 中小学优校管理系统:打造教育新生态,赋能智慧校园 🏫 🏷️ 开篇:为什么我们需要中小学优校管理系统? 在教育日新月异的今天,传统的管理模式已难以满足现代学校的需求。面对庞大…

Java poi 模板导出Word 带图片

Java poi 模板导出Word 带图片 重点&#xff01;&#xff01;&#xff01; 官方文档&#xff1a;https://deepoove.com/poi-tl/#_maven 最终效果 模板 其实内容都在官方文档里写的非常明白了 我这里只是抛砖引玉。 Maven依赖 <poi.version>4.1.2</poi.version>…

【JAVA毕业设计】基于Vue和SpringBoot的微服务在线教育系统

博主说明&#xff1a;本文项目编号 T 060 &#xff0c;文末自助获取源码 \color{red}{T060&#xff0c;文末自助获取源码} T060&#xff0c;文末自助获取源码 目录 一、系统介绍二、演示录屏三、启动教程四、功能截图五、文案资料5.1 选题背景5.2 国内外研究现状5.3 可行性分析…

泷羽sec学习打卡-Linux基础

声明 学习视频来自B站UP主 泷羽sec,如涉及侵权马上删除文章 笔记的只是方便各位师傅学习知识,以下网站只涉及学习内容,其他的都与本人无关,切莫逾越法律红线,否则后果自负 关于Linux的那些事儿-Base 一、Linux-Base什么时openssl&#xff1f;有哪些加密参数&#xff1f;常用lin…

【6.2】位运算-解重复的DNA序列

一、题目 所有 DNA 都 由 一 系 列 缩 写 为 A &#xff0c; C &#xff0c; G 和 T 的 核 苷 酸 组 成 &#xff0c; 例如&#xff1a;"ACGAAT TCCG"。在研究DNA时&#xff0c;识别DNA中的重复序列有时会对研究非常有 帮助。 编写一个函数来找出所有目标子串&#…

Net.Core Mvc 添加 log 日志

1: 首先在 Nuget 安装插件 2&#xff1a;添加 log 配置 在项目中新创件一个文件夹 ConfigFile 在文件家里面添加 log4net.config log4net.config 里面写入 <?xml version"1.0" encoding"utf-8"?> <configuration><log4net><!--跟…

A030-基于Spring boot的公司资产网站设计与实现

&#x1f64a;作者简介&#xff1a;在校研究生&#xff0c;拥有计算机专业的研究生开发团队&#xff0c;分享技术代码帮助学生学习&#xff0c;独立完成自己的网站项目。 代码可以查看文章末尾⬇️联系方式获取&#xff0c;记得注明来意哦~&#x1f339; 赠送计算机毕业设计600…

AG32 MCU与CPLD通过AHB总线交互

MCU与CPLD可以通过AHB或APB总线进行数据交互。APB总线通常连接低速设备&#xff0c;如串口&#xff0c;而AHB总线则用于连接高速设备&#xff0c;如RAM等。由于我们需要高速采集大量数据&#xff0c;因此选择使用AHB总线与CPLD进行交互。 地址范围 在地址设计中&#xff0c;C…

【学习笔记】PT协程-未完待续

单线程编程-协程 单线程&#xff0c;所有协程都是共享栈–换句话说&#xff1a;裸机 代码结构 十分精简 lc 有两个版本 文件说明lc-addrlabels.h使用GCC扩展语法实现的协程基础lc-switch.h使用switch语句实现的协程基础lc.h用于选择GCC语法还是switch语句实现pt.h基于lc.h实…

【python系列】python内置函数print()和input()

1.前言 正式开始学习python编程基础知识&#xff0c;首先要建立正确的学习姿势&#xff0c;什么姿势呢&#xff0c;当然不是躺着。首先要学会看语法&#xff0c;学习每一个内置函数都要先把语法和语义理解&#xff0c;再结合勤于练习。有些同学可能英语不太好&#xff0c;这里…

并发基础:(淘宝笔试题)三个线程分别打印 A,B,C,要求这三个线程一起运行,打印 n 次,输出形如“ABCABCABC....”的字符串

🚀 博主介绍:大家好,我是无休居士!一枚任职于一线Top3互联网大厂的Java开发工程师! 🚀 🌟 在这里,你将找到通往Java技术大门的钥匙。作为一个爱敲代码技术人,我不仅热衷于探索一些框架源码和算法技巧奥秘,还乐于分享这些宝贵的知识和经验。 💡 无论你是刚刚踏…

字节、快手、Vidu“打野”升级,AI视频小步快跑

文&#xff5c;白 鸽 编&#xff5c;王一粟 继9月份版本更新之后&#xff0c;光锥智能从生数科技联合创始人兼CEO唐家渝朋友圈获悉&#xff0c;Vidu大模型将于本周再次进行版本升级&#xff0c;Vidu-1.5版本即将上线。 此版本更新方向仍是重点延伸大模型的泛化能力和主体…

redis实现消息队列的几种方式

一、了解 众所周知&#xff0c;redis是我们日常开发过程中使用最多的非关系型数据库&#xff0c;也是消息中间件。实际上除了常用的rabbitmq、rocketmq、kafka消息队列&#xff08;大家自己下去研究吧~模式都是通用的&#xff09;&#xff0c;我们也能使用redis实现消息队列。…

JVM(一、基础知识)

JVM虚拟机的灵魂三问 JVM是什么&#xff1f; 广义上是一种规范&#xff0c;狭义上的是JDK中的JVM虚拟机&#xff0c;虚拟机模拟计算机的组成部分&#xff0c;可以运行我们写的应用程序&#xff0c;是对操作系统的一层抽象&#xff0c;把我们的应用程序和操作系统解耦&#xff0…

问题分析与解决:Android开机卡动画问题分析

1. 问题背景及描述 在一个android设备的开发的项目中遇到了一个比较典型的问题:在主板贴片完成后,首次刷入androdi固件验证时,遇到了按键出发开机后,系统启动到android动画界阶段时一直循环卡在此阶段,无法进入桌面。如下如所示: 此问题在许多android项目的首次点亮阶段均…

视频会议接入GB28181视频指挥调度,语音对讲方案

传统的视频会议指挥调度系统目前主流的互联网会议大部分都是私有协议&#xff0c;功能都很独立。目前主流的视频监控国标都最GB平台&#xff0c;新的需求要求融合平台要接入监控等设备&#xff0c;并能实现观看监控接入会议&#xff0c;实时语音设备指挥现场工作人员办公实施。…

跟着尚硅谷学vue2—进阶版1.0—组件化编程

2. Vue 组件化编程 1. 传统方式和使用组件方式编写的对比 1. 传统方式编写应用 2. 使用组件方式编写应用 2. 模块与组件、模块化与组件化 1. 模块 理解: 向外提供特定功能的 js 程序, 一般就是一个 js 文件为什么: js 文件很多很复杂作用: 复用 js, 简化 js 的编写, 提高 j…

WebRTC视频 01 - 视频采集整体架构

一、前言&#xff1a; 我们从1对1通信说起&#xff0c;假如有一天&#xff0c;你和你情敌使用X信进行1v1通信&#xff0c;想象一下画面是不是一个大画面中有一个小画面&#xff1f;这在布局中就叫做PIP&#xff08;picture in picture&#xff09;&#xff1b;这个随手一点&am…