基于微信小程序的微论坛的设计与实现.docx
《基于微信小程序的微论坛的设计与实现.docx》由会员分享,可在线阅读,更多相关《基于微信小程序的微论坛的设计与实现.docx(41页珍藏版)》请在课桌文档上搜索。
1、摘要微信小程序上线的第一天,央视财经就开始报道;第一批发布小程序的商家至少有上百个。覆盖教育、媒体、交通、房地产、生活服务、旅游、电商、餐饮、民政民生、科技等多个领域。而到了现在,微信小程序的使用人数愈发壮大,前途光明。在此之下本次课题才选择了小程序开发作为参考。本次项目源于本人毕业设计的课题与需求,是一款基于微信小程序的微论坛项目设计。为了满足用户对日常心得分享与参与他人事件发表见解,多方向汲取他人的想法,项目设计以此为基础展开。研究过程除了对微论坛小程序进行基础的设计并且会优化微论坛的功能,让用户拥有体验感。在本文中,介绍了项目开发的意义和描述了设计与实现的过程。关键词:微信小程序微论坛小
2、程序信息交流数据库微信开发者工具AbstractWeChatsmallproceduresonthefirstday,CCTVfinancialreportsbegan;Thefirstbatchofsmallprogramsweredistributedbyatleastahundredvendors.ltcoverseducation,media,transportation,realestate,lifeservices,tourism,e-commerce,catering,civilaffairsandpeopleslivelihood,scienceandtechnologyand
3、otherfields.Now,WeChathasagrowingnumberofusersandapromisingfuture.Underthistopicjustchosethesmallprogramdevelopmentasareference.Thisprojectoriginatedfrommygraduationprojectandneeds,isamicro-forumprojectdesignbasedonWeChatsmallprocedures.Inordertosatisfyuserstosharetheirdailyexperienceandexpresstheir
4、opinionsonotherpeople,sevents,theprojectdesigniscarriedoutonthebasisofdrawingonotherpeople,sideasfrommultipledirections.Inadditiontothebasicdesignofthemicroforumapplet,theresearchprocesswilloptimizethefunctionofthemicroforum,sothatusershaveasenseofexperience.Inthispaper,thesignificanceofprojectdevel
5、opmentisintroducedandtheprocessofdesignandimplementationisdescribedKeywords:WeChatsmallproceduresmicroforumsmallProceduresInfbrmationThedatabaseWeChatdevelopertools第一章绪论11.1 微论坛背景11.2 开发意义11.3 发展趋势11.4 论文结构2第二章项目的开发工具及技术介绍32.1 开发工具简介32.1.1 微信开发者工具32.1.2 idea32.2 开发技术简介32.2.1 WXml介绍32.2.2 Wxss介绍32.2.
6、3 js介绍32.2.4 json介绍42.2.5 jQurey介绍42.2.6800 tStrap介绍42.2.6801 ingBoot介绍4第三章微论坛的系统分析53.1 需求分析53.2 功能分析6第四章微论坛的系统设计94.1 微论坛的结构设计94.1.1 前台页面设计94.1.2 后台管理页面设计4.2 微论坛的流程图设计104.3 数据库设计124.3.1 数据库表的设计124.3.2 逻辑结构设计12第五章微论坛的页面设计与实现165.1 前台页面管理165.1.1 注册页面165.1.2 首页175.1.3 发帖模块185.1.4 娱乐导航和商品模块205.1.5 用户中心模块
7、215.2 后台信息管理225.2.1 后台登录22第六章项目的系统测试246.1 小程序系统测试任务246.2 小程序系统检测的目的246.3 小程序系统检测的目标246.4 小程序的检测结果256.4.1 前台测试结果256.4.2 后台测试结果26结论27参考文献28致谢29第一章绪论1.1 微论坛背景网络论坛是一个和网络技术有关的网上交流场所。一般就是大家口中经常提到的BBS。它的英文全称是BUnetinBoardSyStem,译为中文就是“电子公告板”。BBS早期是用来公布股市价格和各类信息的,当时的技术限制,它文件传输的功能都没有,只能在苹果计算机上运行。当时的BBS与一般街头和校
8、园内的公告板没什么不同。区别是在于是通过电脑来传播消息。一直到个人计算机开始进入人们的生活后,有些人尝试将BBS转移到个人计算机上,BBS才开始渐渐普及并出现了多样化10近些年来,由于爱好者们的各种努力,BBS的功能扩充了一大步。1.2 开发意义在97年的某个晚上,有一个男子带着他的儿子去福州看足球赛,作为足球迷的他自然充满期待过去观看的没想到会失望而归。失望而归后他写下了文章大连金州没有眼泪。而当时的四通利方(新浪论坛的前身)的体育沙龙是广大足球记者和足球迷的聚集地,男子把他的文章放到了论坛体育沙龙部分。一时间,文章与广大球迷产生了共鸣,不仅如此,由于此次事件产生的影响范围很大,四通利方第一
9、次登上了报纸。此事件看出了论坛的巨大力量和强大的网络传播效应,事件之后,媒体、民众等开始关注这个悄然而起的新媒介了。在98年后,除了三大网站论坛门户:搜狐、网易、新浪外,猫扑、天涯等网站论坛随着网络的逐步发展、普及成为网站论坛界的新力量!近年来,百度贴吧、知乎更是为论坛的发展贡献了不少力量,成为论坛界得大成员。论坛的发展也如同网络,出现后并迅速的发展壮大。地方论坛、软件论坛、小说论坛、网赚论坛一时间,无数中国网民加入到论坛的建设中,一时间,各种论坛出现在人们的视野之内,真正拉开了中文论坛的新篇章。1.3 发展趋势论坛的核心形式就是一个大广场,所有的人都可以在广场上用喇叭发布自己的信息。同样所有
10、的人也都能接受来自他人的信息。而BSS作为最初的网络传播媒介,优缺点也明显,在它的应用优点:标准清晰易操作上其他公司的借鉴与优化而自身的短板难以修改他的淘汰是必然的。现在来看,论坛的基础功能已经有了明显的多样性变化,也更加的完善,它强大的功能不言而喻,但是局限于虚拟世界中的交流,加入娱乐功能是一个极有潜力丰富论坛多样性的一种方式,并可以形成一个现实中的聚会。在微论坛小程序中,用户可以通过论坛进行信息查询、信息搜索、信息交流、信息共享,因此具有很好的现实意义。论坛虽有其自身的局限性,但也有着无可比拟的优势,它是市场细分化发展的成果,未来,随着人们对其了解的加深,价值潜力应该会不断地增大。1.4
11、论文结构本文主要研究一款基于基于微信小程序的微论坛小程序,论述了微论坛小程序的设计与实现过程,本文的主要结构如下:第一章节为本文绪论部分,主要讲述论坛的发展史和其影响力,对本论文的工作和想法进行说明。第二章节主要为项目开发的环境介绍和工具介绍。第三章节主要论述了项目的系统分析,包含了项目的需求分析和功能分析。第四章节主要为项目的系统设计包含了流程图和数据库的说明。第五章节为本项目的页面设计和实现效果的表述。第六章节为本项目的测试结果,主要检查出项目的不足之处加以修改,保证微论坛小程序的运行不会影响客户的正常操作。结论综述了论文的成果,阐述本人在开发时的不足之处。最后提出了改进的意见与对微论坛小
12、程序的展望。第二章项目的开发工具及技术介绍1.1 开发工具简介1.1.1 微信开发者工具为了帮助开发者简单和高效地开发和调试微信小程序,在原有的公众号网页调试工具的基础上,推出了全新的微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK详情使用小程序调试,开发者可以完成小程序的APl和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。1.1.2 ideaIntelliJIDEA的每个方面都专门设计用于最大限度地提高开发人员的工强大的静态代码分析和符合人体工程学的设计使开发不仅具有高效性,而且还具有令人愉悦的体验。在
13、IntelliJIDEA为您的源代码编制索引之后,它通过在每个上下文中提供相关建议提供了快速而智能的体验:即时和巧妙的代码完成,动态代码分析和可靠的重构工具。2. 2开发技术简介2.1.1 wxml介绍WXmI语言的编程理念和html网页的编程技术是类似的,开发一款微信小程序会需要用上WXmI语言,只是对一些标签的更换会运用的具体。2.1.2 Wxss介绍WXSS就是微信的CSSo微信把网页编程里运用的CSS,换成了自己的开发语言,WXSS;,其实主要的实现思想理念也和网页的开发技术基本没什么不同,也是一些标签的简单替换,大部分和原先的css、基本不误,都是通过同页面调用的方式实现的,但是可以
14、说微信小程序比网页开发还要简单一些,更方便一些,比如是在两个文件内,只要index.Wxml和index.wxss着两个文件同时都在一个目录内就能想再网页上直接写CSS一样,简单快捷。223js介绍JS的运行环境和VieW的运行环境是隔离的。JS只能通过事件获取时机和SetData方法修改数据来改变view。只要在html+css+js的基础打的好在来全力的学习微信小程序js,之后在前端开发上就没有什么问题了。2.2.4 json介绍简单来说,json就是微信小程序的一门主次的界面,工程师们可以通过json控制上下菜单栏、主次的页面展示顺序。不过用的频率不高,只是在基本的小程序的框架构架才会应
15、用到,但是这个也需要学习,因为除了展示类型的每个前端的操作都需要和后端对起来,因为如果想做大就要做到简易化,因为在修改代码之后在小程序内搜索到的是上线后的版本,也就是我们提交过后微信审核之后才被展示的,在源代码上修改之后需要提交审核到微信公众平台-小程序管理平台,审核通过后用户才能看到你修改后的,所以为了避免这个麻烦一定要学会后端技术开发,和前端链接起来互通有无。225jQurey介绍jQurey库是一个轻量级、功能丰富的JaVaSCriPt语言库,它使得HTML文档传输、事件处理、动画以及异步请求处理变得容易。在使用jQurey库之前,需要下载相关文件,下载后直接将文件引入HTML文档即可。
16、2.2.6 BtStrap介绍Bootstrap将常用的Web页面控件形成可重用的样式库,可快速开发web应用,同时具有较好的跨平台性3。在使用BootStraP的过程中,虽然可以单独使用其样式库,为了取得刚好的效果,必须依赖jqurey库才可以发挥最大优势。2.2.7 SpringBoot介绍SpringBoot是Spring家族中的一个全新的框架,它用来简化Spring应用程序的创建和开发过程,所以采用SPringBOot可以非常容易快捷的创建基于SPring框架的应用程序,使得代码、配置、部署、监控变得更加简单4。第三章微论坛的系统分析2.2.8 分析随着微信小程序的发展和日益普及,小程
17、序的信息技术已经深入用户脑海,人们对信息技术的需求会越来越大,而微论坛小程序,是人们日常都可以涉及到的,尤其是现在各式各类的小程序的出现,包括众多APP都拥有自己的微信小程序不需要下载APP就可以满足自己的需求5。本项目的设计是为了方便用户获取自己感兴趣的信息和分享自己的故事、见解。微论坛的主要功能有帖子的应用、新闻了解、娱乐地址分享、商品了解等等。每一个帖子都可以给用户提供评论、回复和转发的空间。为了方便查看用户所发表的信息,还开发了后台管理系统,既保护了用户的信息安全的同时也方便了后台的管理。项目的用户需求分析图3-1和管理员需求分析图如下图3-2:图3-1用户需求分析图3-2管理员需求分
18、析3. 2功能分析综合前面的设计分析,根据小程序的基本开发理念,基于微论坛用户和后台的管理的需求,项目功能包含以下四个模块:发帖专区模块、娱乐导航模块、用户管理模块和后台管理模块。模块一:发帖专区模块,主要为用户提供个人想法表现的专区,上方的搜索栏为用户提供了用户需要参与了解内容的方向,方便用户以最短时间进入自己想要的论坛内容。同时包含了用户所需要的评论、转发、回复功能。用户进入贴吧模块首页展示用户的帖子,帖子包括用户的头像,昵称,用户发帖的时间,帖子的内容,以及关注状态,点赞和回复按钮。;底部消息模块用户可以在这里看到他人回复,底部发布模块,用户可以输入帖子的内容,以及文件上传功能,用户可以
19、上传图片和视频。底部我的关注模块用户可以看到自己的关注的人。用户发帖专区模块功能如下图3-3:图3-3发帖专区模块功能模块二:娱乐导航模块,此模块为用户提供娱乐设施服务,在用户不使用发帖专区模块时可以打开小程序寻找另外的服务。娱乐导航主要包含了吃喝玩乐的地址导航、商品的浏览、新闻的阅读。用户点进此模块,系统获取附近的有关吃喝玩乐的店铺及地址,商品的名称及详情,和新闻详情。娱乐导航模块功能如下图3-4:图3-4娱乐模块功能模块三:用户管理模块即用户信息的管理,主要包含了用户的注册登录、对帖子的发表、个人信息的修改,个人信息的屏蔽与开放。用户进入此页面,可以看到自己的年龄,昵称,头像,以及手机绑定
20、和实名认证,用户点击头像进入信息修改页面,用户可以编辑自己的姓名,性别以及年龄,也可以展示自己的信息和隐藏自己的信息这样可以对其他用户开放和隐藏自己的信息。用户管理模块功能如下图3-5:图3-5用户管理功能模块模块四:后台管理模块即后台信息管理,主要包含了后台管理员后台登录系统,获取并查看数据库总所存储的用户信息,这些信息包含:用户注册信息表、用户发表信息表、商品表、商铺表。管理员通过正确无误的账号和密码即可进入后台系统查看用户的所有信息。并对用户的违规信息进行修改。后台管理模块功能如下图3-6:图3-6后台管理模块功能第四章微论坛的系统设计4.1微论坛的结构设计4.1.1 前台页面设计根据用
21、户的需求和对微论坛小程序的分析概括,也就是对系统总体的剖析,整个微论坛小程序前台可以分为五个模块:发帖模块、新闻热点模块、个人中心模块、娱乐商铺模块、商品模块。前台页面结构设计如下图4-1:前台页面发帖模块新闻模块一个人中心模块一娱乐再求模块图4-1前台页面结构设计图4.1.2 后台管理页面设计为方便后台人员对数据的管理以及保证用户信息的安全。后台系统只有输入正确的账号、密码才可以查看数据和对数据进行修改。管理员可以对用户注册信息,贴子发表信息、商铺表、商品表等进行管理操作。后台页面结构设计如下图4-2:后台管理页面用户信息管理商品浏览管理商铺导航管理帖子内容管理图4-2后台页面管理设计图4.
22、 2微论坛的流程图设计用户在注册登陆进入微论坛小程序首页后,便可进行其他操作,例如发帖、评论、回复、转发、浏览商铺、商品、新闻等等,流程图如下图4-3:图4-3微论坛流程设计图为方便小程序后台管理人员以及对用户信息的保密处理,管理员必须输入正确的账号和密码才可以登陆成功进入后台查看用户的所有信息,否则重新登陆,后台流程图如下图4-4:图4-4后台流程图4. 3数据库设计4.3.1 数据库表的设计数据库设计与微论坛小程序设计是相结合的0,要进行数据的查询和显示,就必须用到数据库,因此数据库的设计在整合小程序设计起到必不可少的作用。整个数据库表由4张独立的数据表组成,分别是:用户注册表、发帖模块表
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 微信小 程序 论坛 设计 实现

链接地址:https://www.desk33.com/p-890923.html