从零开发项目概述

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

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

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

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

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

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

地址：

• 预览：http://www.zhongfucheng.top/

• GitHub：https://github.com/ZhongFuCheng3y/910convenienceSite

一、功能介绍

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

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

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

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

org.springframework.mail.MailAuthenticationException: Authentication failed

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

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

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

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

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

---

网站说明：

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

• 一、个人收藏夹：将常用的网站添加进去，值得注意的地方就是：url（网址）最好是从浏览器复制下来，这是最方便也是最安全的做法

• 二、个人备忘录：添加个人备忘录，设置好时间、在邮件发送出去之前都能够修改时间

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

---

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

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

二、技术介绍

网站用到的技术：

• 一、全站页面布局：前端是使用Bootstrap来进行布局的、背景是使用了GitHub的一个开源项目：particles-js。导航条来源于一个国外网站：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作为代理服务器，对静态资源处理，代理转发

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

三、谈谈编写过程

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

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

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

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

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

3.1搭建环境收获

• 在搭建环境的时候，不要觉得最新的版本就是牛逼，我要用最新的，不做过时的男人！我当时就是撘环境是用Spring5.0，Mysql驱动包6.x，jdk1.8，能用最新就用最新的，觉得自己贼牛逼。然后撘完项目就启不动了～～～

• 其实没必要用最新的，最新的一般都会有bug，没bug的也不一定兼容其他的版本。要知道，Spring可不单单有Spring的东西，还依赖很多其他的jar包的。同样Mysql用最新的驱动包，逆向工程时也不好使(我在SegementFault已经见过几次跟我一样遇到的坑)

• 一般最新的东西资料都挺少的，除了官方文档，出了什么问题都只能自己解决了。较老的版本就不一样了，很多人都会遇到的问题，解决方案也会相当多～

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

3.2登陆与注册收获

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

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

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

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

• 加密密码

• 前台校验和后台校验参数

• 忘记密码，记住我功能

• 验证码

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

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

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

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

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

• 数据库设计上也是参考了网上和自己做了些许修改

• JavaMail我之前是没接触过的

• BootStrapValidation也是看中了就用，

• 折腾Shiro几天就更不用说了。

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

3.3个人收藏夹收获

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

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

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

于是我就花了几天从零开始学Elasticsearch，当时参考的博主给出的是2.3.3版本，我也觉得没什么，就使用了。那是最新是5.x～就有了后来的博文：【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基础或算法(少量)了，希望大家多多支持哈，在校的日子我会尽量保持日更的～

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