基于微信小程序的微论坛的设计与实现.docx
《基于微信小程序的微论坛的设计与实现.docx》由会员分享,可在线阅读,更多相关《基于微信小程序的微论坛的设计与实现.docx(33页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、摘要微信小程序上线的第一天,央视财经就开始报道;第一批发布小程序的商家至少有上百个。覆盖教育、媒体、交通、房地产、生活服务、旅游、电商、餐饮、民政民生、科技等多个领域。而到了现在,微信小程序的使用人数愈发壮大,前途光明。在此之下本次课题才选择了小程序开发作为参考。本次项目源于本人毕业设计的课题与需求,是一款基于微信小程序的微论坛项目设计。为了满足用户对日常心得分享与参与他人事件发表见解,多方向汲取他人的想法,项目设计以此为基础展开。研究过程除了对微论坛小程序进行基础的设计并且会优化微论坛的功能,让用户拥有体验感。在本文中,介绍了项目开发的意义和描述了设计与实现的过程。关键词:微信小程序 微论坛
2、小程序 信息交流 数据库 微信开发者工具AbstractWeChat small procedures on the first day, CCTV financial reports began; The first batch of small programs were distributed by at least a hundred vendors. It covers education, media, transportation, real estate, life services, tourism, e-commerce, catering, civil affairs a
3、nd peoples livelihood, science and technology and other fields. Now,WeChat has a growing number of users and a promising future. Under this topic just chose the small program development as a reference.This project originated from my graduation project and needs, is a micro-forum project design base
4、d on WeChat small procedures. In order to satisfy users to share their daily experience and express their opinions on other peoples events, the project design is carried out on the basis of drawing on other peoples ideas from multiple directions. In addition to the basic design of the microforum app
5、let, the research process will optimize the function of the microforum, so that users have a sense of experience. In this paper, the significance of project development is introduced and the process of design and implementation is describedKey words: WeChat small procedures micro forum small procedu
6、res Information The database WeChat developer tools 目录第一章 绪论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.6 BootStrap介绍42.2.7 SpringBoot介绍4第三章 微论坛的系统分析53.1需求分析53.2功能分析6第四章 微论坛的系
7、统设计94.1微论坛的结构设计94.1.1 前台页面设计94.1.2 后台管理页面设计94.2 微论坛的流程图设计104.3数据库设计124.3.1数据库表的设计124.3.2 逻辑结构设计12第五章 微论坛的页面设计与实现155.1前台页面管理155.1.1 注册页面155.1.2首页165.1.3发帖模块175.1.4娱乐导航和商品模块195.1.5 用户中心模块205.2 后台信息管理215.2.1 后台登录21第六章 项目的系统测试236.1 小程序系统测试任务236.2小程序系统检测的目的236.3小程序系统检测的目标236.4小程序的检测结果246.4.1 前台测试结果246.4.
8、2 后台测试结果25结论26参考文献27致谢28广东东软学院本科生毕业设计(论文)第一章 绪论1.1微论坛背景网络论坛是一个和网络技术有关的网上交流场所。一般就是大家口中经常提到的BBS。它的英文全称是Bulletin Board System,译为中文就是“电子公告板”。BBS早期是用来公布股市价格和各类信息的,当时的技术限制,它文件传输的功能都没有,只能在苹果计算机上运行。当时的BBS与一般街头和校园内的公告板没什么不同。区别是在于是通过电脑来传播消息。一直到个人计算机开始进入人们的生活后,有些人尝试将BBS转移到个人计算机上,BBS才开始渐渐普及并出现了多样化1。近些年来,由于爱好者们的
9、各种努力,BBS的功能扩充了一大步。1.2 开发意义在97年的某个晚上,有一个男子带着他的儿子去福州看足球赛,作为足球迷的他自然充满期待过去观看的没想到会失望而归。失望而归后他写下了文章大连金州没有眼泪。而当时的四通利方(新浪论坛的前身)的体育沙龙是广大足球记者和足球迷的聚集地,男子把他的文章放到了论坛体育沙龙部分。一时间,文章与广大球迷产生了共鸣,不仅如此,由于此次事件产生的影响范围很大,四通利方第一次登上了报纸。此事件看出了论坛的巨大力量和强大的网络传播效应,事件之后,媒体、民众等开始关注这个悄然而起的新媒介了。在98年后,除了三大网站论坛门户:搜狐、网易、新浪外,猫扑、天涯等网站论坛随着
10、网络的逐步发展、普及成为网站论坛界的新力量!近年来,百度贴吧、知乎更是为论坛的发展贡献了不少力量,成为论坛界得大成员。 论坛的发展也如同网络,出现后并迅速的发展壮大。地方论坛、软件论坛、小说论坛、网赚论坛一时间,无数中国网民加入到论坛的建设中,一时间,各种论坛出现在人们的视野之内,真正拉开了中文论坛的新篇章。1.3 发展趋势 论坛的核心形式就是一个大广场,所有的人都可以在广场上用喇叭发布自己的信息。同样所有的人也都能接受来自他人的信息。而BSS作为最初的网络传播媒介,优缺点也明显,在它的应用优点:标准清晰易操作上其他公司的借鉴与优化而自身的短板难以修改他的淘汰是必然的。现在来看,论坛的基础功能
11、已经有了明显的多样性变化,也更加的完善,它强大的功能不言而喻,但是局限于虚拟世界中的交流,加入娱乐功能是一个极有潜力丰富论坛多样性的一种方式,并可以形成一个现实中的聚会。在微论坛小程序中,用户可以通过论坛进行信息查询、信息搜索、信息交流、信息共享,因此具有很好的现实意义。论坛虽有其自身的局限性,但也有着无可比拟的优势,它是市场细分化发展的成果,未来,随着人们对其了解的加深,价值潜力应该会不断地增大。1.4 论文结构本文主要研究一款基于基于微信小程序的微论坛小程序,论述了微论坛小程序的设计与实现过程,本文的主要结构如下:第一章节为本文绪论部分,主要讲述论坛的发展史和其影响力,对本论文的工作和想法
12、进行说明。第二章节主要为项目开发的环境介绍和工具介绍。第三章节主要论述了项目的系统分析,包含了项目的需求分析和功能分析。第四章节主要为项目的系统设计包含了流程图和数据库的说明。第五章节为本项目的页面设计和实现效果的表述。第六章节为本项目的测试结果,主要检查出项目的不足之处加以修改,保证微论坛小程序的运行不会影响客户的正常操作。结论综述了论文的成果,阐述本人在开发时的不足之处。最后提出了改进的意见与对微论坛小程序的展望。第二章 项目的开发工具及技术介绍2.1 开发工具简介2.1.1微信开发者工具为了帮助开发者简单和高效地开发和调试微信小程序,在原有的公众号网页调试工具的基础上,推出了全新的微信开
13、发者工具,集成了公众号网页调试和小程序调试两种开发模式。使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK 详情使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。2.1.2 ideaIntelliJ IDEA的每个方面都专门设计用于最大限度地提高开发人员的工强大的静态代码分析和符合人体工程学的设计使开发不仅具有高效性,而且还具有令人愉悦的体验。在IntelliJ IDEA为您的源代码编制索引之后,它通过在每个上下文中提供相关建议提供了快速而智能的体验:即时和巧妙的代码完成,动态代码分析和可靠的重构工具3。2.2 开发技术简介
14、2.2.1 wxml介绍 wxml语言的编程理念和html网页的编程技术是类似的,开发一款微信小程序会需要用上wxml语言,只是对一些标签的更换会运用的具体。2.2.2 wxss介绍wxss就是微信的css。微信把网页编程里运用的css,换成了自己的开发语言,wxss;,其实主要的实现思想理念也和网页的开发技术基本没什么不同,也是一些标签的简单替换,大部分和原先的css、基本不误,都是通过同页面调用的方式实现的,但是可以说微信小程序比网页开发还要简单一些,更方便一些,比如是在两个文件内,只要index.wxml和index.wxss着两个文件同时都在一个目录内就能想再网页上直接写css一样,简
15、单快捷。2.2.3 js介绍JS 的运行环境和view的运行环境是隔离的。JS只能通过事件获取时机和setData方法修改数据来改变view。只要在html+css+js的基础打的好在来全力的学习微信小程序js,之后在前端开发上就没有什么问题了。2.2.4 json介绍简单来说,json就是微信小程序的一门主次的界面,工程师们可以通过json控制上下菜单栏、主次的页面展示顺序。不过用的频率不高,只是在基本的小程序的框架构架才会应用到,但是这个也需要学习,因为除了展示类型的每个前端的操作都需要和后端对起来,因为如果想做大就要做到简易化,因为在修改代码之后在小程序内搜索到的是上线后的版本,也就是我
16、们提交过后微信审核之后才被展示的,在源代码上修改之后需要提交审核到微信公众平台-小程序管理平台,审核通过后用户才能看到你修改后的,所以为了避免这个麻烦一定要学会后端技术开发,和前端链接起来互通有无。2.2.5 jQurey介绍jQurey库是一个轻量级、功能丰富的JavaScript语言库,它使得HTML文档传输、事件处理、动画以及异步请求处理变得容易。在使用jQurey库之前,需要下载相关文件,下载后直接将文件引入HTML文档即可。2.2.6 BootStrap介绍BootStrap将常用的Web页面控件形成可重用的样式库,可快速开发web应用,同时具有较好的跨平台性3。在使用BootStr
17、ap的过程中,虽然可以单独使用其样式库,为了取得刚好的效果,必须依赖jqurey库才可以发挥最大优势。2.2.7 SpringBoot介绍SpringBoot是Spring家族中的一个全新的框架,它用来简化Spring应用程序的创建和开发过程,所以采用SpringBoot可以非常容易快捷的创建基于Spring框架的应用程序,使得代码、配置、部署、监控变得更加简单4。第三章 微论坛的系统分析3.1需求分析随着微信小程序的发展和日益普及,小程序的信息技术已经深入用户脑海,人们对信息技术的需求会越来越大,而微论坛小程序,是人们日常都可以涉及到的,尤其是现在各式各类的小程序的出现,包括众多APP都拥有
18、自己的微信小程序不需要下载APP就可以满足自己的需求5。本项目的设计是为了方便用户获取自己感兴趣的信息和分享自己的故事、见解。微论坛的主要功能有帖子的应用、新闻了解、娱乐地址分享、商品了解等等。每一个帖子都可以给用户提供评论、回复和转发的空间。为了方便查看用户所发表的信息,还开发了后台管理系统,既保护了用户的信息安全的同时也方便了后台的管理。项目的用户需求分析图3-1和管理员需求分析图如下图3-2: 图3-1 用户需求分析 图3-2管理员需求分析3.2功能分析综合前面的设计分析,根据小程序的基本开发理念,基于微论坛用户和后台的管理的需求,项目功能包含以下四个模块:发帖专区模块、娱乐导航模块、用
19、户管理模块和后台管理模块。模块一:发帖专区模块,主要为用户提供个人想法表现的专区,上方的搜索栏为用户提供了用户需要参与了解内容的方向,方便用户以最短时间进入自己想要的论坛内容。同时包含了用户所需要的评论、转发、回复功能。用户进入贴吧模块首页展示用户的帖子,帖子包括用户的头像,昵称,用户发帖的时间,帖子的内容,以及关注状态,点赞和回复按钮。;底部消息模块用户可以在这里看到他人回复,底部发布模块,用户可以输入帖子的内容,以及文件上传功能,用户可以上传图片和视频。底部我的关注模块用户可以看到自己的关注的人。用户发帖专区模块功能如下图3-3: 图3-3 发帖专区模块功能模块二:娱乐导航模块,此模块为用
20、户提供娱乐设施服务,在用户不使用发帖专区模块时可以打开小程序寻找另外的服务。娱乐导航主要包含了吃喝玩乐的地址导航、商品的浏览、新闻的阅读。用户点进此模块,系统获取附近的有关吃喝玩乐的店铺及地址,商品的名称及详情,和新闻详情。娱乐导航模块功能如下图3-4: 图3-4 娱乐模块功能模块三:用户管理模块即用户信息的管理,主要包含了用户的注册登录、对帖子的发表、个人信息的修改,个人信息的屏蔽与开放。用户进入此页面,可以看到自己的年龄,昵称,头像,以及手机绑定和实名认证,用户点击头像进入信息修改页面,用户可以编辑自己的姓名,性别以及年龄,也可以展示自己的信息和隐藏自己的信息这样可以对其他用户开放和隐藏自
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 微信小 程序 论坛 设计 实现
限制150内