企业官网建设流程全解析

河北恒基建设招标有限公司网站,南京市住房建设网站,wordpress阅读插件,国内最大的开源网站系统简介 当今社会已经步入了科学技术进步和经济社会快速发展的新时期#xff0c;国际信息和学术交流也不断加强#xff0c;计算机技术对经济社会发展和人民生活改善的影响也日益突出#xff0c;人类的生存和思考方式也产生了变化。传统助眠采取了人工的管理方法#xff0c…系统简介当今社会已经步入了科学技术进步和经济社会快速发展的新时期国际信息和学术交流也不断加强计算机技术对经济社会发展和人民生活改善的影响也日益突出人类的生存和思考方式也产生了变化。传统助眠采取了人工的管理方法但这种管理方法存在着许多弊端比如效率低下、安全性低以及信息传输的不准确等同时由于助眠管理中会形成众多的个人文档和信息系统数据通过人工方法对声音助眠、五音疗疾、论坛交流等进行集中管理会形成检索、更改和维护等较为麻烦的管理问题同时由于广大用户对网络技术的需求也日益高涨于是信息技术也需要继续开展全新的改革以满足时代的需求。根据此问题研发一套助眠小程序既能够大大提高信息的检索、变更与维护的工作效率也能够方便微信小程序的管理运用从而减少信息管理成本提高效率。该助眠小程序采用Uni-weixin、SpringBoot架构技术前端以小程序页面呈现给用户结合后台java语言使页面更加完善后台使用MySQL数据库进行数据存储。该微信小程序主要设计并完成了管理过程中的用户注册登录、个人信息修改、打卡信息、助眠故事等管理功能。该微信小程序操作简便界面设计简洁不但可以基本满足本行业的日常管理工作同时又可以有效减少人员成本和时间成本为助眠管理工作提供了方便。关键词助眠小程序java语言springboot框架1 系统开发环境及相关技术2.1 系统开发环境本管理系统采用的集成开发环境为Eclipse使用java等语言及springboot框架进行开发其中硬件环境和软件环境如下(1)硬件环境处理器Intel® Core™ i5-7400 CPU 3.00GHz 3.00GHz内存8GB(2)软件环境操作系统windows 10 64位操作系统开发工具Eclipse2.2 系统开发技术助眠小程序采用Uni-weixin、SpringBoot架构技术前端以小程序页面呈现给用户为B/S(Browser/Server)架构进行设计开发。在B/S架构下用户在浏览器端进行使用主要工作通过服务器端进行实现用户通过网站进行访问大大节约了成本。本系统使用java等语言进行开发使用MySQL进行数据存储。2.2.1 Spring Boot框架介绍Spring Boot的开发团队来自美国的Pivotal公司是2013年研发的免费、轻量级、开源的系统框架。它集合、默认了许多框架的使用方法是基于原有的框架的功能的又一次进化所以从这个角度看它就又是一个旧的框架。Spring boot有以下几个特点低嵌入式设计代码污染性低不是只局限于Spring开发者可以随意的选择Spring框架的任意几个部分使程序的测试变得更加简单与方便没有独立的Web服务器需要所以不再需要启动TomcatGlass Fish。2.2.2 Java介绍Java 最大的两个特点就是功能强大和简单易用。Java可以让程序员进行复杂的编程而不必为储存管理对象等问题所烦恼把精力和时间更多的放在研发与设计上极大地提高了开发者的工作效率和工作热情。2.2.3 MySQL数据库MySQL是一款小型关系型数据库管理系统Relational Database Management System)开发商为瑞典MySQLAB公司。关系型数据库将数据存放在不同的表中使数据更加规范化。MySQL因其体积小、速度快、源码开放的特点很多网站开发都将MySQL作为首选。2.2.4小微信公众号开发技术1.微信开发者工作是微信官方提供的针对微信小程序的开发工具集中了开发调试预览上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南全新的开发者工具集成了开发调试、代码编辑及程序发布等功能帮助开发者简单和高效地开发微信小程序。2.启动工具时开发者需要使用已在后台绑定成功的微信号扫描二维码登录也可通过帐号密码进行登录后续所有的操作都会基于这个微信的帐号.3.早期微信应用的开发是一件非常痛苦的事情因为基于微信的网页涉及到调用微信的接口所以网页必须在微信的内置浏览器打开才能看到实际的运行效果。做过前端开发的同学都知道Chrome和firefox都自带强大的调试工具使用非常方便。但是基于微信的网页不能在这两种PC端浏览器中运行所以调试是一个很大的问题。4.幸运的是现在这个问题已经不存在了微信技术团队在去年年底的时候推出了微信web开发者工具微信公众平台为开发者提供web开发者工具用于帮助开发基于微信的网页或者webapp。它是一个桌面应用通过模拟微信客户端的表现使得开发者可以使用这个工具方便地在PC或者Mac上进行开发和调试工作。2 系统设计4.1 功能模块设计助眠小程序根据权限类型进行分类主要可分为用户微信端和管理员服务端二大模块。用户微信端模块主要实现了修改个人信息查看声音助眠、五音疗疾、论坛交流等操作加强了用户的操作体验。管理员服务端模块主要根据管理员对整个系统的管理进行设计提高了管理的效率和规范[11]。系统总体模块设计如下图所示图4-1 系统总体模块设计4.2.3 数据表设计本管理系统的数据表的设计根据管理过程中的具体流程所需方便了管理员对数据进行新增、删除、修改和查询的操作。4.2.4 数据表的建立系统使用MySQL工具对数据库进行操作它有着简便的数据库管理操作以及强大的数据处理能力。以下是数据表的建立情况表4-1打卡信息字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPyonghuzhanghao varchar 200 用户账号yonghuxingming varchar 200 用户姓名dakaneirong varchar 200 打卡内容dakashijian datetime 打卡时间beizhu varchar 200 备注表4-2助眠故事字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPgushimingcheng varchar 200 故事名称fengmian longtext 4294967295 封面yinpin longtext 4294967295 音频zuozhe varchar 200 作者chubanshe varchar 200 出版社gushijianjie longtext 4294967295 故事简介gushixiangqing longtext 4294967295 故事详情fabushijian datetime 发布时间storeupnum int 收藏数量表4-3配置文件字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键name varchar 100 配置参数名称value varchar 100 配置参数值表4-4用户字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPyonghuzhanghao varchar 200 用户账号yonghumima varchar 200 用户密码yonghuxingming varchar 200 用户姓名touxiang longtext 4294967295 头像xingbie varchar 200 性别shoujihaoma varchar 200 手机号码表4-5发展历程字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPtitle varchar 200 标题subtitle varchar 200 副标题content longtext 4294967295 内容picture1 longtext 4294967295 图片1picture2 longtext 4294967295 图片2picture3 longtext 4294967295 图片3表4-6五音疗疾字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPshengyinmingcheng varchar 200 声音名称meihuasannong longtext 4294967295 梅花三弄shimianmaifu longtext 4294967295 十面埋伏yangchunbaixue longtext 4294967295 阳春白雪huqieshibapai longtext 4294967295 胡茄十八拍zizhudiao longtext 4294967295 紫竹调fengmian longtext 4294967295 封面storeupnum int 收藏数量表4-7管理员字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPusername varchar 200 用户名password varchar 200 密码role varchar 200 角色表4-8token表字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键userid bigint 用户idusername varchar 100 用户名tablename varchar 100 表名role varchar 100 角色token varchar 200 密码addtime timestamp 新增时间 CURRENT_TIMESTAMPexpiratedtime timestamp 过期时间 CURRENT_TIMESTAMP表4-9我的收藏字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPrefid bigint refidtablename varchar 200 表名name varchar 200 名称picture longtext 4294967295 图片type varchar 200 类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注)inteltype varchar 200 推荐类型remark varchar 200 备注userid bigint 用户id表4-10声音助眠字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPshengyinmingcheng varchar 200 声音名称fengmian longtext 4294967295 封面shengyinleixing varchar 200 声音类型yinpin longtext 4294967295 音频storeupnum int 收藏数量表4-11声音类型字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPshengyinleixing varchar 200 声音类型表4-12菜单字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPmenujson longtext 4294967295 菜单表4-13论坛交流字段名称 类型 长度 字段说明 主键 默认值id bigint 主键主键addtime timestamp 创建时间 CURRENT_TIMESTAMPtitle varchar 200 帖子标题content longtext 4294967295 帖子内容parentid bigint 父节点idusername varchar 200 用户名avatarurl longtext 4294967295 头像isdone varchar 200 状态userid bigint 用户id3 系统实现5.1用户微信端模块实现当游客打开微信小程序的网址后首先看到的就是微信小程序首页界面。在这里游客能够看到助眠小程序的导航条显示首页、声音助眠、五音疗疾、论坛交流、我的等如图5-1所示。图5-1微信小程序首页界面图当用户进入微信小程序进行相关操作前必须先注册登录在注册页面填写用户账号、用户姓名、头像、性别、手机号码等信息然后点击注册如图5-2所示。图5-2用户注册界面图用户登录用户在登录页面通过填写账号、密码完成登录如图5-3所示。图5-3用户登录界面图用户点击声音助眠在声音助眠页面的可以查看故事名称、封面、音频、作者、出版社、发布时间等信息还可以进行收藏等操作如图5-4所示。图5-4声音助眠界面图用户点击我的页面在我的页面可以对我的发布、打卡信息、我的收藏、修改密码进行详细操作如图5-5所示。图5-5我的界面图5.2管理员服务端模块实现管理员登录在登录页面选择需要登录的角色在正确输入用户名和密码后点击登录操作如图5-6所示。图5-6 管理员登录界面管理员进入系统主页面主要功能包括对首页、关于我们、五音疗疾管理、用户管理、打卡信息管理、助眠故事管理、声音类型管理、论坛管理、声音助眠管理、轮播图管理等进行操作。如图5-7所示图5-7管理员主界面用户信息功能在视图层view层)进行交互比如点击“新增”按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后调用服务层(service层)以执行相关的业务逻辑例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后进一步与数据访问对象层DAO层)交互后者负责具体的数据操作如搜索、新增或删除用户信息并将操作结果返回给控制器。最终控制器根据这些结果更新视图层以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息的输入栏中输入用户账号进行搜索可以查看到用户详细信息并根据需要进行修改或者删除等操作。如图5-8所示。图5-8用户界面图五音疗疾功能在视图层view层)进行交互比如点击“新增”按钮或填写五音疗疾信息表单。这些五音疗疾动作被视图层捕获并作为请求发送给相应的控制器层(control1er层)。控制器接收到这些请求后调用服务层(service层)以执行相关的业务逻辑例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后进一步与数据访问对象层DAO层)交互后者负责具体的数据操作如搜索、新增或删除五音疗疾并将操作结果返回给控制器。最终控制器根据这些结果更新视图层以便五音疗疾功能可以看到最新的信息或相应的操作反馈。在五音疗疾的输入栏中输入声音名称进行搜索可以查看到五音疗疾详细信息并根据需要进行修改或者删除等操作。如图5-9所示。图5-9五音疗疾界面图管理员点击打卡信息在打卡信息页面的输入用户账号、用户姓名、打卡内容、打卡时间、备注等信息进行搜索或者删除打卡信息等操作如图5-10所示。图5-10打卡信息界面图