基于Java的技术交流网站的设计与实现

1、基于Java的技术交流网站的设计与实现摘要：二十一世纪互联网飞速发展、Web技术也在各种领域应用广泛，现代社会对IT开发者的需求也更大。Web产品的功能也愈发复杂、对相关技术人员的要求也越来越高，而技术人员在开发过程中难免会遇到各色棘手的问题，所以面向开发人员的技术交流网站应运而生。由此决定使用Vue.js这个MVVM框架以及基于Vue.js的各种技术开发一个提供给互联网开发者的技术交流平台，和行业的Web开发者共同并肩交流学习。该在线技术交流网站主要功能是用户可以浏览技术类文章，发表文章并对文章进行分类，对文章进行评论，以及对自己发表的文章的查找删除操作等。技术交流网站的出现，使得开发者可以

2、随时随地分享优质的技术内容，获取最新的行业资讯与IT技术干货。关键词：技术交流；论坛；Vue.jsAbstract:Withtherapiddevelopmentoftheinternetandthewideapplicationofwebtechnologies,thedemandforinternetdevelopershasbecomelargerandlarger.Thefunctionsofwebproductsarealsobecomingincreasinglycomplicated,whichisaskingformoreskilledtechnicians.Butitisim

3、possiblefortechnicianstoavoidthedifficultiestheywillfaceintheprocessofdevelopment.Therefore,awebsitefortechnicianstocommunicatetechnologicalissueswitheachotherwasborn.Therefore,wedecidedtodevelopamoderntechnologicalcommunicationplatformunderMVVMframeworkslikeVue.jstocommunicate,study,andprogresstoge

4、therwithotherrelatedwebdevelopers.Themainfunctionofthisonlinetechnologicalcommunicationplatformisenablinguserstobrowsertechnologicalarticles,publisharticlesanddistributethem,commentarticles,andresearchanddeletewhatusershasbeenpublished.Thepresenceoftechnologicalcommunicationwebsitesmakesitpossiblefo

5、rdeveloperstosharesuperiortechnologies,acquirethelatestnewsandITtechnologydrygoods.Keywords:InternetDevelopers;BBS;Vue.js摘要IAbstractI目录n1概述11.1 研究背景11.2 研究目的22系统开发相关技术简介22.1 Vue22.2 Webpack22.3 Axios32.4 SpringBoot32.5 Redis43系统分析43.1 可行性分析43.1.1 技术可行性53.1.2 设计可行性53.1.3 结论53.2 系统功能需求设计54系统总体设计74.1 系

6、统总体结构设计74.2 数据库设计84.2.1 user用户信息表84.2.2 article文章信息表94.2.3 type_list文章分类表95系统详细必与实现91.1 首页91.2 登录页面111.3 注册页面141.4 个人中心页面151.5 文章详情页面171.6 文章评论页面181.7 文章分类页面206 系统测试216.1 功能测试216.2 性能测试216.3 安全性测试217 总结22参考文献错误！未定义书签错误！未定义书签。II1概述1.1研究背景在二十一世纪，各式各样的论坛如雨后春笋般的涌现，并且迅速的发展。人们生活的方方面面都有与之相对应的论坛，在互联网的这个大背景下

7、，每个人都可以在网上找到自己感兴趣的乌托邦，进而有相似爱好的人越来越多，这个圈子就变成了我们所说的一一论坛。并且各种功能网站也很喜欢开发自己的BBS,以此作为媒介促进网友之间的交流互动，增加在网站上的活跃度，网站的热度也会越来越高，内容也会越来越丰富。对于论坛，根据其专业性可分为以下两个类：(1)专题类一一此类论坛相当于是综合类论坛的缩影，这种专注于一个领域的论坛，更能吸引更多有相同兴趣爱好，志同道合的人来分享交流。这种专题类论坛对信息的分类整合和搜索的引擎查找是十分有益的。并且专题性论坛在教学学术科研等领域有不可忽视的作用。比如在有关于：女性护肤品、各种动漫交流、体育赛事、开发者技术交流这样

8、的专题性论坛里，我们可以在有关键字的区域快速的找到我们想要的相关信息。而在专题类论坛里进行检索，更是缩小了用户的查找范围。(2)综合类一一综合范畴的论坛包含了更多的信息，更广泛，可以吸引大多数网民访问网站。但是由于鱼与熊掌不可兼得，广便难于精，因此，这类论坛往往有无法完成所有细节和面面俱到的弊端。虽然一般来说大型的网站有很高的活跃度以及雄厚的背景支撑，可以把网站的各个部分做得面面俱到，但是对于初创型、小规模的科技型公司，亦或者是个人记录型的博客网站，就会倾向于选择专题性的论坛，并把它做到小而美。同时，论坛也有如下的几点特点：(1)人气足一一由于论坛与生俱来的交互能力，可以将互不熟悉的人的感情联

9、络起来，尽管论坛只是个用于沟通、获取信息的工具，但久而久之，论坛上的第1页(共23页)人与人、人与网站之间容易产生一定的感情。(2)UI设计简单精准一一这个优点使用户从使用习惯、审美上更容易接受这种产品，只要他在论坛发过帖子，隔段时间一定会回来看，论坛一旦良好运转起来，用户依赖性将会非常高。1.2研究目的我想要开发的这个在线技术交流论坛是一个提供给互联网开发者，并用于分享自己技术学习心得的专题类移动端网站。它有发表技术交流文章、分享心得、查看最新的技术文章、解决自己遇到的技术难题等功能点，而由于它是一个移动端项目，所以拥有网络实时、获取信息及时便捷、只要你有手机，你就可以很快的获得你想要知道的

10、信息的特点。由于我自身专业是软件工程，所以对相关技术信息的需求比较大，当遇到问题时我也会去各类论坛寻找答案，所以我认为专题类论坛的产生是非常有必要的。2系统开发相关技术简介在该项目前端部分使用的技术是HTML、LESS、Vue、WebpackVue-Router、Vux、Axios,后台部分使用SpringBoot、SpringMVC,数据库使用MySQL、Redis。使用的开发工具有Webstorm、PostmanNavicat、Git、Npm。2.1 VueVue.js是一套前端开发的渐进式框架，和其他重量级框架不同的是，它采用自底向上增量开发的设计，其核心只关注视图层，不仅易于上手，还便

11、于与第三方JavaScript库或已有项目整合，另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动错误,未找到引用源。2.2 WebpackWebpack是一个前端的资源加载/打包工具，它将根据模块的依赖关系进行静态分析，然后把这些模块按照指定的规则生成相对应的静态资源错误!未找到引用源。其第2页(共23页)大体运转过程，如下图2-1所示:moduleswithdependencieswebpackMODULEBUNGLERstaticassets图2-1webpack工作原理图从上图中我们可以看出,Webpack这个资源打包工具可以将多种

12、静态资源HTML、JS、CSS、LESS转换成一个静态文件，减少页面的请求次数、可以大大提高页面的渲染性能。它是一个现代JavaScript应用程序的静态模块打包器(modulebundler),当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph),其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle错误！未找到引用源。2.3 AxiosAxios是一个前端HTTP,基于ES6promise,它可以用在浏览器和Node.js中，并且可以创建XMLHttpRequests,在浏览器中，它从Node.js创建http请求，同时支持PromiseAPI,可以拦截请求和