基于微信小程序的微论坛的设计与实现.docx

摘要微信小程序上线的第一天，央视财经就开始报道；第一批发布小程序的商家至少有上百个。覆盖教育、媒体、交通、房地产、生活服务、旅游、电商、餐饮、民政民生、科技等多个领域。而到了现在，微信小程序的使用人数愈发壮大，前途光明。在此之下本次课题才选择了小程序开发作为参考。本次项目源于本人毕业设计的课题与需求，是一款基于微信小程序的微论坛项目设计。为了满足用户对日常心得分享与参与他人事件发表见解，多方向汲取他人的想法，项目设计以此为基础展开。研究过程除了对微论坛小程序进行基础的设计并且会优化微论坛的功能，让用户拥有体验感。在本文中，介绍了项目开发的意义和描述了设计与实现的过程。关键词：微信小程序微论坛小程序信息交流数据库微信开发者工具AbstractWeChatsmallproceduresonthefirstday,CCTVfinancialreportsbegan;Thefirstbatchofsmallprogramsweredistributedbyatleastahundredvendors.ltcoverseducation,media,transportation,realestate,lifeservices,tourism,e-commerce,catering,civilaffairsandpeople'slivelihood,scienceandtechnologyandotherfields.Now,WeChathasagrowingnumberofusersandapromisingfuture.Underthistopicjustchosethesmallprogramdevelopmentasareference.Thisprojectoriginatedfrommygraduationprojectandneeds,isamicro-forumprojectdesignbasedonWeChatsmallprocedures.Inordertosatisfyuserstosharetheirdailyexperienceandexpresstheiropinionsonotherpeople,sevents,theprojectdesigniscarriedoutonthebasisofdrawingonotherpeople,sideasfrommultipledirections.Inadditiontothebasicdesignofthemicroforumapplet,theresearchprocesswilloptimizethefunctionofthemicroforum,sothatusershaveasenseofexperience.Inthispaper,thesignificanceofprojectdevelopmentisintroducedandtheprocessofdesignandimplementationisdescribedKeywords: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.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 用户中心模块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与一般街头和校园内的公告板没什么不同。区别是在于是通过电脑来传播消息。一直到个人计算机开始进入人们的生活后，有些人尝试将BBS转移到个人计算机上，BBS才开始渐渐普及并出现了多样化10近些年来，由于爱好者们的各种努力，BBS的功能扩充了一大步。1.2 开发意义在97年的某个晚上，有一个男子带着他的儿子去福州看足球赛，作为足球迷的他自然充满期待过去观看的没想到会失望而归。失望而归后他写下了文章大连金州没有眼泪。而当时的四通利方（新浪论坛的前身）的体育沙龙是广大足球记者和足球迷的聚集地，男子把他的文章放到了论坛体育沙龙部分。一时间，文章与广大球迷产生了共鸣，不仅如此，由于此次事件产生的影响范围很大，四通利方第一次登上了报纸。此事件看出了论坛的巨大力量和强大的网络传播效应，事件之后，媒体、民众等开始关注这个悄然而起的新媒介了。在98年后，除了三大网站论坛门户：搜狐、网易、新浪外，猫扑、天涯等网站论坛随着网络的逐步发展、普及成为网站论坛界的新力量!近年来，百度贴吧、知乎更是为论坛的发展贡献了不少力量，成为论坛界得大成员。论坛的发展也如同网络，出现后并迅速的发展壮大。地方论坛、软件论坛、小说论坛、网赚论坛一时间，无数中国网民加入到论坛的建设中，一时间，各种论坛出现在人们的视野之内，真正拉开了中文论坛的新篇章。1.3 发展趋势论坛的核心形式就是一个大广场，所有的人都可以在广场上用喇叭发布自己的信息。同样所有的人也都能接受来自他人的信息。而BSS作为最初的网络传播媒介，优缺点也明显，在它的应用优点：标准清晰易操作上其他公司的借鉴与优化而自身的短板难以修改他的淘汰是必然的。现在来看，论坛的基础功能已经有了明显的多样性变化，也更加的完善，它强大的功能不言而喻，但是局限于虚拟世界中的交流，加入娱乐功能是一个极有潜力丰富论坛多样性的一种方式，并可以形成一个现实中的聚会。在微论坛小程序中，用户可以通过论坛进行信息查询、信息搜索、信息交流、信息共享，因此具有很好的现实意义。论坛虽有其自身的局限性，但也有着无可比拟的优势，它是市场细分化发展的成果，未来，随着人们对其了解的加深，价值潜力应该会不断地增大。1.4 论文结构本文主要研究一款基于基于微信小程序的微论坛小程序，论述了微论坛小程序的设计与实现过程，本文的主要结构如下：第一章节为本文绪论部分，主要讲述论坛的发展史和其影响力，对本论文的工作和想法进行说明。第二章节主要为项目开发的环境介绍和工具介绍。第三章节主要论述了项目的系统分析，包含了项目的需求分析和功能分析。第四章节主要为项目的系统设计包含了流程图和数据库的说明。第五章节为本项目的页面设计和实现效果的表述。第六章节为本项目的测试结果，主要检查出项目的不足之处加以修改，保证微论坛小程序的运行不会影响客户的正常操作。结论综述了论文的成果，阐述本人在开发时的不足之处。最后提出了改进的意见与对微论坛小程序的展望。第二章项目的开发工具及技术介绍1.1 开发工具简介1.1.1 微信开发者工具为了帮助开发者简单和高效地开发和调试微信小程序，在原有的公众号网页调试工具的基础上，推出了全新的微信开发者工具，集成了公众号网页调试和小程序调试两种开发模式。使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK详情使用小程序调试，开发者可以完成小程序的APl和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。1.1.2 ideaIntelliJIDEA的每个方面都专门设计用于最大限度地提高开发人员的工强大的静态代码分析和符合人体工程学的设计使开发不仅具有高效性，而且还具有令人愉悦的体验。在IntelliJIDEA为您的源代码编制索引之后，它通过在每个上下文中提供相关建议提供了快速而智能的体验：即时和巧妙的代码完成，动态代码分析和可靠的重构工具。2. 2开发技术简介2.1.1 wxml介绍WXmI语言的编程理念和html网页的编程技术是类似的，开发一款微信小程序会需要用上WXmI语言，只是对一些标签的更换会运用的具体。2.1.2 Wxss介绍WXSS就是微信的CSSo微信把网页编程里运用的CSS,换成了自己的开发语言，WXSS；,其实主要的实现思想理念也和网页的开发技术基本没什么不同，也是一些标签的简单替换，大部分和原先的css、基本不误，都是通过同页面调用的方式实现的，但是可以说微信小程序比网页开发还要简单一些，更方便一些，比如是在两个文件内，只要index.Wxml和index.wxss着两个文件同时都在一个目录内就能想再网页上直接写CSS一样，简单快捷。223js介绍JS的运行环境和VieW的运行环境是隔离的。JS只能通过事件获取时机和SetData方法修改数据来改变view。只要在html+css+js的基础打的好在来全力的学习微信小程序js,之后在前端开发上就没有什么问题了。2.2.4 json介绍简单来说，json就是微信小程序的一门主次的界面，工程师们可以通过json控制上下菜单栏、主次的页面展示顺序。不过用的频率不高，只是在基本的小程序的框架构架才会应用到，但是这个也需要学习，因为除了展示类型的每个前端的操作都需要和后端对起来，因为如果想做大就要做到简易化，因为在修改代码之后在小程序内搜索到的是上线后的版本，也就是我们提交过后微信审核之后才被展示的，在源代码上修改之后需要提交审核到微信公众平台-小程序管理平台，审核通过后用户才能看到你修改后的，所以为了避免这个麻烦一定要学会后端技术开发，和前端链接起来互通有无。225jQurey介绍jQurey库是一个轻量级、功能丰富的JaVaSCriPt语言库，它使得HTML文档传输、事件处理、动画以及异步请求处理变得容易。在使用jQurey库之前，需要下载相关文件，下载后直接将文件引入HTML文档即可。2.2.6 BtStrap介绍Bootstrap将常用的Web页面控件形成可重用的样式库，可快速开发web应用，同时具有较好的跨平台性3。在使用BootStraP的过程中，虽然可以单独使用其样式库，为了取得刚好的效果，必须依赖jqurey库才可以发挥最大优势。2.2.7 SpringBoot介绍SpringBoot是Spring家族中的一个全新的框架，它用来简化Spring应用程序的创建和开发过程，所以采用SPringBOot可以非常容易快捷的创建基于SPring框架的应用程序，使得代码、配置、部署、监控变