【Java EE】从零开始写项目【总结】

野性酷女 2021-09-15 03:32 424阅读 0赞

# 从零开发项目概述 #

最近这一直在复习数据结构和算法，也就是前面发出去的排序算法[八大基础排序总结][Link 1]，[Java实现单向链表][Java]，[栈和队列就是这么简单][Link 2]，[十道简单算法题][Link 3]等等…

被虐得不要不要的，即使是非常简单有时候绕半天，想不明白。

本来这篇博文是想留到我最后Java基础复习完再写出来的，鉴于公众号有的同学想看看邮箱登陆的案例，想看看Java开发后台是怎么的，于是我就提前写了这篇博文

这个项目是我自己手写的第一个SSM项目(毕竟学了当然得搞点事情，对吧)，是上年写的小东西。当然了，现在回过头去看这个项目是有很多的不足的，仅供参考。用的也不是新技术，只是把我之前**当时所学**的一些东西**做一个总结**…如果想学新知识的同学看到这里就可以留步啦～

所以说，你可能会看到比较旧的技术，写得不好的地方都会有～**如果是写过项目的同学而言，这个仅仅是一个Demo**。对于没写过项目的同学可以适当的参考一下，因为用的是非常简单的技术，都是耳熟能详的技术，不会有什么难懂的地方～

PS:**希望各位大佬不要攻击它，我没有做任何的安全措施**。即使留了评论的功能，XSS攻击防范也没做，请手下留情啊～

**地址：**

*  预览：[http://www.zhongfucheng.top/][http_www.zhongfucheng.top]
 *  GitHub：[https://github.com/ZhongFuCheng3y/910convenienceSite][https_github.com_ZhongFuCheng3y_910convenienceSite]

编写记录:

[从零开始写项目第一篇【搭建环境】][Link 4]

[从零开始写项目第二篇【登陆注册、聊天、收藏夹模块】][Link 5]

[从零开始写项目第三篇【在线聊天和个人收藏夹】][Link 6]

[从零开始写项目第四篇【搭建Linux环境】][Linux]

[从零开始写项目第五篇【评论功能、备忘录】][Link 7]

[从零开始写项目终极【维护网站、修复Bug】][Bug]

# 一、功能介绍 #

巴巴拉拉地说了一大堆东西，我们来看一下这个项目有什么功能～

这是首页，会根据当地给出三天的天气预报：

![16279704ee1c27ea_w_1920_h_917_f_png_s_42788][]

很简单的注册页面，通过邮箱来进行注册～

![16279704ee70d10e_w_708_h_499_f_png_s_15445][]

2018年3月30日15:51:23，好吧，写这篇博文的时候也出错了…..

> org.springframework.mail.MailAuthenticationException: Authentication failed

我怀疑是授权发送邮箱的密码错了(过时),于是我去更新了一下，果然就行了～

此时点击注册，就会要邮箱校验了～

![16279704ee6cc61a_w_791_h_600_f_png_s_20622][]

![16279704eea462bd_w_807_h_401_f_png_s_5706][]

去自己的邮箱查看一下邮件：

![16279704f01ef7dd_w_1651_h_518_f_png_s_73207][]

点击校验它即可完成注册(**如果不校验的话，那么是不允许登陆的**)：

该项目用Shiro做了权限认证的，如果没在登陆的状态下点击以下的菜单都会跳转到登陆页面～：

![16279704f03169d5_w_920_h_525_f_png_s_23562][]

--------------------

**网站说明：**

这个网站的功能并不复杂，开发的功能都是为了方便使用而已。

*  一、个人收藏夹：将常用的网站添加进去，值得注意的地方就是：url（网址）最好是从浏览器复制下来，这是最方便也是最安全的做法
 *  二、个人备忘录：添加个人备忘录，设置好时间、在邮件发送出去之前都能够修改时间

![1627970545025c5a_w_1920_h_917_f_png_s_359773][]

![16279705473b36ce_w_1920_h_917_f_png_s_362117][]

发送邮件好像会有点延迟～～～～

![1627970549cd2239_w_1620_h_366_f_png_s_55125][]

--------------------

接下来是个人收藏夹了，**添加一些常用的网址进去，并给它命名，当输入命名部分的字符时，即会提示**：

![162797057c66fa22_w_1920_h_917_f_png_s_41968][]

![162797057c752efb_w_1920_h_917_f_png_s_41968][]

![162797059adbb9aa_w_1895_h_458_f_png_s_27155][]

用键盘**上下键选中按回车即可**跳转到对应的页面了～

# 二、技术介绍 #

**网站用到的技术：**

*  一、全站页面布局：前端是使用Bootstrap来进行布局的、背景是使用了GitHub的一个开源项目：particles-js。导航条来源于一个国外网站：[http://toolofna.com/][http_toolofna.com]
 *  二、首页：天气预报功能来源于高德地图API和和风天气API组合而成，能够查看当前IP地址所在地的近三日天气
 *  三、个人收藏夹：使用了Elasticsearch全文搜索引擎工具。
 *  四、在线聊天：使用了GoEasy的服务推送和jquery.barrager.js构建弹幕。目前该功能并未完善，敬请期待。
 *  五、注册和登陆：使用了BootstrapValidation进行表单校验、JavaMail发送邮件的功能、Gif动态验证码
 *  六、个人备忘录：使用了Quartz任务调度工具来定时发送邮件

**总概要：**

*     1. Maven构建项目
 *     2. 使用Mysql数据库
 *     3. Tomcat作用应用服务器
 *     4. Dao层采用Mybatis，Controller层采用SpringMVC，Spring对Mybatis和SpringMVC进行整合和事务管理
 *     5. Shiro权限管理框架控制登陆以及对个人收藏夹、在线聊天功能进行认证的管理
 *     6. 使用FreeMarker来渲染页面和配置发送邮箱的模版
 *     7. 使用Quartz和Spring整合，完成个人备忘录的功能。
 *     8. 使用Nginx作为代理服务器，对静态资源处理，代理转发

可以看到的是，网站的功能并不多，就几个小模块，我就创建了三张表而已:

![16279705f71afd0f_w_708_h_613_f_png_s_25225][]

# 三、谈谈编写过程 #

其实所有的初学者都一样：怎么使用Java编写一个网站？数据库设计感觉好难，设计错了就很麻烦了。Web前端好烦啊，自己写的页面不好看。这个功能感觉好难实现哦，应该是挺高深的技术吧。我的基础还不够扎实，等我学好了再写吧，等等等..就一直有想写网站的念头，但一直没开始动手。

上面的问题我都有想过，不过我还是写了这么一个小东西….

当时写的练手项目都是视频教程给出的题目，比如我之前发过的：[移动商城项目总结][Link 8]和[纳税服务系统总结][Link 9]，jar包或者maven的坐标都是有给出来的，项目的前台页面和数据库标也大都是设计好的，我只需要补补填填写Java代码。而这一次，前端页面，数据库设计，Maven坐标等等全由自己包办

从开始到编写结束大概花了我一个月的时间，期间要去上课呀，回家呀，一些琐事呀等等才拖了那么久。如果自己从来没写过项目的同学建议自己折腾一下搞一个，期间能学到很多很多东西的。也不要怕自己写得不好(只要像我一样不要脸，不也**将这么一个小东西**发到公众号上来，发到其他的博客平台了么)

那么我自己折腾这么一个小玩意能学到什么了呢？

## 3.1搭建环境收获 ##

*  在搭建环境的时候，**不要觉得最新的版本就是牛逼**，我要用最新的，不做过时的男人！我当时就是撘环境是用Spring5.0，Mysql驱动包6.x，jdk1.8，能用最新就用最新的，觉得自己贼牛逼。然后**撘完项目就启不动了**～～～
 *  其实没必要用最新的，最新的一般都会有bug，没bug的也不一定兼容其他的版本。要知道，Spring可不单单有Spring的东西，还依赖很多其他的jar包的。同样Mysql用最新的驱动包，逆向工程时也不好使(我在SegementFault已经见过几次跟我一样遇到的坑)
 *  一般最新的东西资料都挺少的，除了官方文档，出了什么问题都只能自己解决了。较老的版本就不一样了，很多人都会遇到的问题，解决方案也会相当多～

当时我在图书馆撘了一个晚上，得出的教训：

![162797060d2ae183_w_1263_h_147_f_png_s_16859][]

## 3.2登陆与注册收获 ##

登陆与注册这个功能只要学过JavaWeb基础的同学，肯定做过。反正我是做了很多很多次的了，学Servlet做一次，学JSP做一次，学AJAX做一次，学xxx系统做一次，学XXX商城做一次。反正每次都会有新的东西补充上去

一开始我本来想做的是可以使用微信登陆，也可以使用账户(邮箱)登陆，也可以使用短信登陆的。

后来发现微信登陆要企业认证，做不了。短信登陆要钱，不想给。

所以最后就只有用邮箱登陆了~~~当然了，**该有的基本功能是有的**：

*  加密密码
 *  前台校验和后台校验参数
 *  忘记密码，记住我功能
 *  验证码

由于之前是简单学过Shiro的，当时觉得Shiro做权限很方便，于是自己也想体验一把～实际上用起来并没有我当时学的时候那么简单！

在Shiro这一块也耽误了不少时间，因为我当时想的是使用AJAX来提交，如果正确则跳转到首页，如果密码(参数..)等错误就返回JSON给用户一个友好的提示。可是，Shiro的表单认证起默认返回的是一个页面，在这里就卡住了挺久的(有的时候没bug，有的时候又有bug)，百思不得其解…最后查阅了很多资料才将FormAuthenticationFilter改写好，Shiro很多东西都是要自己重写来进行控制的，当时理解后画的流程图：

![162797061321e02c_w_1240_h_660_f_png_s_68021][]

Shiro的“记住我”功能本来以为是很好用的，实则也挺鸡肋的..当时我做的记录：

![16279706213b0ac5_w_1128_h_622_f_png_s_32409][]

反正Shiro给我的感觉就是很多东西都要自己来重写，控制，而如果是小范围使用我觉得自己写url控制会方便。也可能是我的学习姿势不对～

在登陆注册模块期间也自己去找了不少资料。

*  数据库设计上也是参考了网上和自己做了些许修改
 *  JavaMail我之前是没接触过的
 *  BootStrapValidation也是看中了就用，
 *  折腾Shiro几天就更不用说了。

所以说，未必要使用自己熟悉的东西，**只要想实现一些普通、你见过的功能，总会有方案可以参考**。

## 3.3个人收藏夹收获 ##

这个自动补全功能是我一开始想要做自己网站的时候想做的。因为我习惯了使用键盘去找文件，去找东西。

比如，在windows下，我下了一个rolan，将常用的软件丢进去，输入一些关键字即提示我，然后我通过键盘上下选择就可以打开软件了，十分方便

在编写之前，我学过Lucene的相关知识，知道Lucene是全文搜索索引的始祖(没做过相关案例)【参考博文：[Lucene就是这么简单][Lucene]】，后来知道Solr和Elasticsearch在企业上是用得挺火的，而Elasticsearch又是各种火热，各种吹(哈哈哈，无贬义，是挺好用的)。

于是我就花了几天从零开始学Elasticsearch，当时参考的博主给出的是2.3.3版本，我也觉得没什么，就使用了。那是最新是5.x～就有了后来的博文：【[Elasticsearch就是这么简单][Elasticsearch]】

Elasticsearch遇到很多的问题都得去翻英文的，所以可以访问外网也挺重要的～

我英语也不咋地，就慢慢看看，弄个Chrome插件翻译呗，事情总得解决，也就这么成长的～

## 3.4搭建Linux环境收获 ##

在之前只会Linux一些非常简单的命令，`ls cd vi`这些，用得少就忘记了，于是又得重新去回顾一下Linux(这个学期也开了Linux的课，我打算过一阵再总结Linux的常用命令和相关要点，敬请期待～)

花了点点钱买了台云服务器(学生有优惠就10块一个月)，我也建议是在校的学生也可以买来自己玩玩，熟悉一下Linux命令，还有很多软件都在Linux下才更好地支持(例如：Elasticsearch，Nginx)，尤其Elasticsearch在windows下装它简直麻烦！

到了Linux阶段，我也去学了下Nginx了。在没学Nginx时我就经常听说过这个HTTP服务器了，但一直不知道它是干嘛用的。它的最常见作用就两个：

*  处理静态资源
 *  动态资源转发到Web服务器(Tomcat)

学学Nginx的配置文件相关知识，是如何配置的，配置有什么用～就可以使用了

## 3.5评论功能和备忘录收获 ##

评论功能在数据库设计上也有好几种：

*  将回复和评论都统一当成是评论，能够使用@XXX来当做是回复，类似与IOS知乎的评论【此做法是最简单的】
 *  将回复和评论分开，要么单表就多增加一个父属性，要么就分两张表【稍微复杂，一个评论可以对应多个回复】
 *  实现评论与回复“盖楼”的方式，这种就是网易的评论【此种是最复杂的】

我做的只是一个留言的功能，就直接使用第一种了～

对于备忘录就得用到Quartz时间调度框架，之前接触过，但用的使用还是出现了Bug

*  在Junit测试Quartz没有反应
 *  Spring不能注入对象进Quartz的Job类中

如果业务简单的话，下次也想玩玩Spring自带的任务调度～

# 四、最后 #

上面简要地介绍了我的小项目的功能和编写过程，更详细的业务得去看我下面的博文和源码了～也希望大家能够有所收获，自己动手做一个小项目～

现在看来很多没有写成规范(返回JSON、JavaScript模块化)等等，但毕竟是自己学编程的成长经历，看回以前的代码总会有这种感觉。我短时间内也不做重构了，学Java基础去～

后面的博文几乎都是Java基础或算法(少量)了，希望大家多多支持哈，在校的日子我会尽量保持日更的～

![162797065b3dcbca_w_444_h_381_f_jpeg_s_12958][]

> 如果文章有错的地方欢迎指正，大家互相交流。习惯在微信看技术文章，想要获取更多的Java资源的同学，可以**关注微信公众号:Java3y**

[Link 1]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484081&idx=1&sn=5ea6ecbcbd41c2cc0b948adf6888f60b&chksm=ebd743b0dca0caa68db0ed08a710506d60e129c8d64508c5ce1e123eafb5eaabdf35fbbed28b#rd
[Java]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484086&idx=1&sn=24127ceb5e0fed7f832f82579c4fbc19&chksm=ebd743b7dca0caa1dce912d47251548225aa59b4b48742a963ac52b05e13ec923a738ebcb836#rd
[Link 2]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484090&idx=1&sn=d46205eed74e9b253ec08796124192c1&chksm=ebd743bbdca0caad2129f0d76f002b7e14e125900ecac1fa9a3a433e3a9bcd2831275a1e260c#rd
[Link 3]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484095&idx=1&sn=cf19213517599f45e57dbe783b4d3249&chksm=ebd743bedca0caa85df3d29896fbcc1bfbf8191ad671cceab319180dbf56a0df4d1cfe1eefea#rd
[http_www.zhongfucheng.top]: http://www.zhongfucheng.top/
[https_github.com_ZhongFuCheng3y_910convenienceSite]: https://github.com/ZhongFuCheng3y/910convenienceSite
[Link 4]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484105&idx=2&sn=6c4c3f40489804efca12a2023df69226&chksm=ebd743c8dca0cade2d07ef36e6296c82d17f8dbeea552db71a6fbe90d33600f350e19aa1d36d#rd
[Link 5]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484105&idx=3&sn=eabfc5f350b5684fe8bfa561cd5164ac&chksm=ebd743c8dca0cadeb2c6a81e3f19e911ad7a52b2c5e98ea8310becefc9e3d17985a383c83a32#rd
[Link 6]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484105&idx=4&sn=45ff7f185ff8192a99a6421d92e3f916&chksm=ebd743c8dca0cade069a06b8ae038caa0b75ff13ac7a2b8b66fe3a4ed6fdc9a78f1f86a404e9#rd
[Linux]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484105&idx=5&sn=da9aaeb093adf1cfa6cda9e65defd8bc&chksm=ebd743c8dca0cade6ad7f520948a000510c608bbde16a71a6d7e9d374f62672073b07041a081#rd
[Link 7]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484105&idx=6&sn=9996db4b394e7578f5a44452f487ef79&chksm=ebd743c8dca0cade9c87ce2e99d946a92a575f56b2693fb733ed81a07951381a7cf5c7ab91c8#rd
[Bug]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484105&idx=7&sn=2dccb666fc59cf29ea865d1fef4b7f7c&chksm=ebd743c8dca0cade4a8c84224d830cc0275837c07c3f2859892750fba979e7c23382a15d3771#rd
[16279704ee1c27ea_w_1920_h_917_f_png_s_42788]: https://user-gold-cdn.xitu.io/2018/3/31/16279704ee1c27ea?w=1920&h=917&f=png&s=42788
[16279704ee70d10e_w_708_h_499_f_png_s_15445]: https://user-gold-cdn.xitu.io/2018/3/31/16279704ee70d10e?w=708&h=499&f=png&s=15445
[16279704ee6cc61a_w_791_h_600_f_png_s_20622]: https://user-gold-cdn.xitu.io/2018/3/31/16279704ee6cc61a?w=791&h=600&f=png&s=20622
[16279704eea462bd_w_807_h_401_f_png_s_5706]: https://user-gold-cdn.xitu.io/2018/3/31/16279704eea462bd?w=807&h=401&f=png&s=5706
[16279704f01ef7dd_w_1651_h_518_f_png_s_73207]: https://user-gold-cdn.xitu.io/2018/3/31/16279704f01ef7dd?w=1651&h=518&f=png&s=73207
[16279704f03169d5_w_920_h_525_f_png_s_23562]: https://user-gold-cdn.xitu.io/2018/3/31/16279704f03169d5?w=920&h=525&f=png&s=23562
[1627970545025c5a_w_1920_h_917_f_png_s_359773]: https://user-gold-cdn.xitu.io/2018/3/31/1627970545025c5a?w=1920&h=917&f=png&s=359773
[16279705473b36ce_w_1920_h_917_f_png_s_362117]: https://user-gold-cdn.xitu.io/2018/3/31/16279705473b36ce?w=1920&h=917&f=png&s=362117
[1627970549cd2239_w_1620_h_366_f_png_s_55125]: https://user-gold-cdn.xitu.io/2018/3/31/1627970549cd2239?w=1620&h=366&f=png&s=55125
[162797057c66fa22_w_1920_h_917_f_png_s_41968]: https://user-gold-cdn.xitu.io/2018/3/31/162797057c66fa22?w=1920&h=917&f=png&s=41968
[162797057c752efb_w_1920_h_917_f_png_s_41968]: https://user-gold-cdn.xitu.io/2018/3/31/162797057c752efb?w=1920&h=917&f=png&s=41968
[162797059adbb9aa_w_1895_h_458_f_png_s_27155]: https://user-gold-cdn.xitu.io/2018/3/31/162797059adbb9aa?w=1895&h=458&f=png&s=27155
[http_toolofna.com]: http://toolofna.com/
[16279705f71afd0f_w_708_h_613_f_png_s_25225]: https://user-gold-cdn.xitu.io/2018/3/31/16279705f71afd0f?w=708&h=613&f=png&s=25225
[Link 8]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484052&idx=1&sn=379f23d7d759658eb1d85cc5363b84a0&chksm=ebd74395dca0ca8351ba28b299afbf2ecb6a40338f62b05cfe8faa0e5b53cfd67926aed43530#rd
[Link 9]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484000&idx=1&sn=dd8b96b94942001150143c877a773f53&chksm=ebd74361dca0ca7796bd25f176697692d46025cfeb37cb6a23ad4617ef0f74c9b76633379681#rd
[162797060d2ae183_w_1263_h_147_f_png_s_16859]: https://user-gold-cdn.xitu.io/2018/3/31/162797060d2ae183?w=1263&h=147&f=png&s=16859
[162797061321e02c_w_1240_h_660_f_png_s_68021]: https://user-gold-cdn.xitu.io/2018/3/31/162797061321e02c?w=1240&h=660&f=png&s=68021
[16279706213b0ac5_w_1128_h_622_f_png_s_32409]: https://user-gold-cdn.xitu.io/2018/3/31/16279706213b0ac5?w=1128&h=622&f=png&s=32409
[Lucene]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484022&idx=2&sn=ca972fb77eb8f3a69d20071afeb359b3&chksm=ebd74377dca0ca612ea6966a55bb66444383226f08cbdcaa2805507aba706089a9ab689a1de7#rd
[Elasticsearch]: https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247484058&idx=2&sn=5c2b32adaab2ffe4b331c5abb95a5f43&chksm=ebd7439bdca0ca8d7967fcaa037fcd7880cfbd6b36478f51617ad9de79040076e2f72dbad8ba#rd
[162797065b3dcbca_w_444_h_381_f_jpeg_s_12958]: https://user-gold-cdn.xitu.io/2018/3/31/162797065b3dcbca?w=444&h=381&f=jpeg&s=12958