从零开始写项目【总结】

百元成本自制Arduino格斗机器人:无线控制与电机驱动实战 无线通信与电机驱动是嵌入式系统和机器人开发中的两大基础核心技术。无线通信技术实现了设备间的远程数据交互,而电机驱动则是将微弱的控制信号转换为强大机械动力的关键环节。在机器人、智能小车等应用中,这两项技术的结合,使得远程精准控制成为可能,极大地拓展了自动化设备的应用场景。本文以热门的Arduino开源硬件平台和经典的nRF24L01无线模块、L298N电机驱动模块为核心,通过一个具体的格斗机器人项目,详细解析了如何构建一个完整的“指令-执行”闭环系统。从无线通信链路的稳定搭建、电机驱动电路的原理与安全供电,到 阅读详情

从零开发项目概述

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

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

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

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

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

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

地址:

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

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

一、功能介绍

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

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

640?wx_fmt=png

很简单的注册页面,通过邮箱来进行注册~

640?wx_fmt=png

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

org.springframework.mail.MailAuthenticationException: Authentication failed

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

此时点击注册,就会要邮箱校验了~

640?wx_fmt=png
640?wx_fmt=png

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

640?wx_fmt=png

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

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

640?wx_fmt=png

网站说明:

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

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

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

640?wx_fmt=png
640?wx_fmt=png

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

640?wx_fmt=png

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

640?wx_fmt=png
640?wx_fmt=png
640?wx_fmt=png

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

二、技术介绍

网站用到的技术:

  • 一、全站页面布局:前端是使用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作为代理服务器,对静态资源处理,代理转发

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

640?wx_fmt=png

三、谈谈编写过程

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

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

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

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

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

3.1搭建环境收获

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

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

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

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

640?wx_fmt=png

3.2登陆与注册收获

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

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

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

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

  • 加密密码

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

  • 忘记密码,记住我功能

  • 验证码

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

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

640?wx_fmt=png

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

640?wx_fmt=png

反正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基础或算法(少量)了,希望大家多多支持哈,在校的日子我会尽量保持日更的~

640?wx_fmt=jpeg

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


自己写的小项目 ,包含富文本,上传下载,分页,shiro,echar,批量删除,添加;和常用到的技术 立即下载

相关推荐

无人驾驶之车辆控制(1)纯跟踪(Pure Pursuit)算法与Stanley算法

目录引言1 Pure Pursuit纯几何跟踪算法1.1 车辆运动学自行车模型1.2 算法原理1.3 仿真测试2 Stanley算法2.1 算法原理2.2 仿真测试3 总结 引言 本文对Pure Pursuit以及Stanley control两种算法进行了调研以及初步的性能摸底。 1 Pure Pursuit纯几何跟踪算法 1.1 车辆运动学自行车模型 运动学是从几何学的角度研究物体的运动规律,...

zxxxxxxy的博客 2万+

手把手教你写项目

​前言 这个专题来说说基于vue的element组件封装,最终的目的是整理一个基于vue、element完整的前端项目。希望各位同学看了之后能有所收获,能够自己实现一个完整的实战项目。 项目地址 1、初始化环境 node.js -v v8.9.3 npm -v 6.1.0 yarn -v 1.7.0 Vue -v 2.5.2 全局安装vue-cli vue 2、初始化项目 新建空文件夹,vsCode打开,在终端输入命令行 vue...

玖尘的博客 3615

【Godot4自学手册】第一节配置Godot运行环境

Godot是一款自由开源、由社区驱动的 2D 和 3D 游戏引擎!它是一款功能丰富的跨平台游戏引擎,可以通过统一的界面创建 2D 和 3D 游戏。它提供了一套全面的通用工具,因此用户可以专注于制作游戏,而无需重新发明轮子。游戏可以一键导出到多个平台,包括主流的桌面平台(Linux、macOS、Windows)、移动平台(Android、iOS)、基于 Web 的平台以及主机平台。

zhaoyang314的博客 5984

从0开始写一个Springboot的简单项目

写一个TestController类,然后标上@RestController注解(这个注解相当于@Responsebody和@Controller的结合),其中@Controller注解标识这个类是一个用来处理请求的Controller类,@Responsebody的作用是将方法的返回值,以特定的格式写入到response的body区域,进而将数据返回给客户端(这个返回值会直接把返回的数据以json格式返回给客户端)。那么这个表相对应的实体类User,User的属性也有id,name,age。

qq_30166465的博客 725

ROS基础(一)——命令行代码(以小乌龟程序为例)

ROS学习(一)——命令行代码(以小乌龟程序为例)1 基础命令行语句1.1 roscore1.2 rqt_graph(显示系统计算图)1.3 rosnode(显示所有节点相关信息)1.4 rostopic(和话题相关)2 服务类型指令rosservice同时存在两只海龟3 指令记录 1 基础命令行语句 从大二四旋翼无人机编队后就没再接触过ROS了,最近由于科研任务需要重新捡起来,打算系统学一下!学习过程参考古月居老师的视频,有兴趣的同学可以去[BliBli]学习。 学习平台:Ubuntu 18.04 硬件

北理自动化小白 6267

中国主要湖泊水库面状矢量边界图层ArcGIS应用实战:从数据获取到专题图制作

本文详细介绍了中国主要湖泊水库面状矢量边界图层在ArcGIS中的实战应用,从数据获取到专题图制作的全流程。涵盖官方数据源、科研机构共享数据及商业平台的选择,以及ArcGIS中的数据处理、拓扑错误修正和专题图设计技巧,帮助用户高效完成湖泊水库的空间分析与可视化。

weixin_33672400的博客 255

自己写项目才是最快的

要想进步快,唯一的办法就是自己写很多项目,因为人是很懒的,只有你自己独立负责一款项目的开发时才是最快的。

Wchenyang的博客 403

Python 爬取网页文字并保存为 txt 文件教程

将要爬取的网页网址赋值给变量url。

2403_89537385的博客 2789

写项目经验总结

第一次写项目 这是我第一次写项目,通过这次写项目,我收获了不少的经验。现在是大一下学期,我们就开始着手项目了,相信大学毕业之后,一定会拥有丰富的项目经验。 通过这次写项目,我发现一个项目的构架都是后端人员负责的,所以,一个项目能否运行成功关键还是在于后端。但是仅仅有后端也是不行的,因为与用户交互的那些静态页面都是由前端开发人员来写的。所以可以这么说,前端是项目的肉体,是用户体验的基础;而后端则是项目的灵魂,是一个项目最终开发出来是否能长期使用,维护,功能实现以及项目的功能的实现的关键,这也是写这个项目的意义

qq_63651140的博客 712

基于深度学习的Person Re-ID(综述)

一. 问题的提出        Person Re-ID 全称是 Person Re-Identification,又称为 行人重检测 or 行人再识别,直观上可以通过两种思路进行比对,一种是 通过 静态图像(still-image)进行特征比对,另一种是通过视频的时序特征(temporal)进行 Video Re-Id。        不管是采用 图像特征比对的方法 还是 结合时序特征比

跟随技术的脚步-linolzhang的专栏 2万+

利用autojs制作抢购支付宝消费劵的手机脚本

前期准备工作 1.打开支付宝,点击中间的抢消费券的广告 2.点击左上角,将抢购页面添加到首页 3.查看支付宝首页是否出现消费劵 . autojs代码 "auto"; functiontaskstart(){ sleep(1000); launchApp('支付宝'); toast("正在打开支付宝应用"); sleep(1000); varxf=textContains("消费").findOne().bounds(); ...

洛阳泰山的博客 1万+

【十万个编程篇】写文章与“写项目”的差别

  自古暨今,世间陆续诞生出“现象级”的文学作品,如《左传》、《桃花源记》、《背影》等文章,又如《咏鹅》、《将进酒》、《一剪梅》等诗词。   编程世界也同样续写着新的辉煌,如Unix、Windows、Linux等内核系统,又如Apache、Tengine、ECharts等开源项目。   它们无一例外,都标志着历史的发展与演变过程。它们也拥有着独特的风格,只有“现...

大昱的博客 1386

FlexSim:FlexSim软件介绍与安装

在开始安装FlexSim之前,首先需要从FlexSim官方网站下载安装包。FlexSim提供不同版本的软件,包括教育版、专业版等,确保选择适合您需求的版本。下载页面通常会列出系统要求,包括操作系统、处理器、内存和硬盘空间,确保您的计算机满足这些要求。访问FlexSim官方网站。导航至下载页面。选择适合您需求的FlexSim版本。点击下载按钮,开始下载安装包。在开始构建模型之前,首先需要明确模型的目标。模型目标是指导模型设计和分析的核心,它定义了你希望通过模型解决的问题或探索的系统行为。

kkchenjj的博客 5805

【Android项目实战 | 从零开始写app(一)】 创建项目

创建项目 创建MyApp项目,切换到Project目录结构下,并在myapp目录下创建如下的子文件目录,以存放相关的类,做好分类,便于编码时文件的查找:

go 1万+

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

从零开始,写一个springboot项目

##从零开始,写一个springboot项目 一.从spring官网创建一个新的项目 spring官网 在projects中选择最后一项spring Intializr,进入如下界面。 输入你的配置信息,右侧建议选择spring web和thymeleaf两个依赖,点击GENERATE生成springboot项目的压缩包。将这个压缩包解压到你想放的位置,打开后如下: target文件需要项目编译运行后才会生成。 下面,用IDEA导入创建的springboot项目即可。 二.创建数据库 我这里是在数据库

weixin_43934513的博客 3191

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

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

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34258078的博客 123

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

从零开始写项目第一项-项目搭建

spring+springmvc+hibernate+mysql+bootstrap从头开始做

王宜超的博客 948

GitHub的练手项目,都是别人写好的,怎么自己从零开始学习?

学习项目源码不是一蹴而就,往往周期比较长,最好的就是能够将项目Fork下来,单独准备好一份笔记,慢慢去研究、记录看源码过程中的一些心得,到最后看完再回过头来你能说出它的架构和设计,那么我觉得这个学习是有意义,

黑马程序员官方博客 9531

从零开始写一个 SpringBoot + Vue 小项目

在当今的互联网时代,前后端分离技术已经越来越受到重视。作为一个轻量级的 Java Web 开发框架,Spring Boot 可以帮助我们快速构建一个独立运行、产品级别的服务。而 Vue.js 作为一个简单而高效的前端框架,也是前后端分离开发中不可忽视的一环。

百彦子烨的博客 3579

从零开始写开源项目,为什么没人看?

开源项目的工程化,本质上是把个人习惯变成机器能执行的规则。代码写得好很重要,但让陌生人能轻松上手、轻松贡献,同样重要。我现在的做法是:先搭好脚手架和自动化流程,再开始写业务代码。这样后面维护起来省心,社区贡献者也更容易融入。你遇到过类似的坑吗?欢迎在 issue 里聊聊。

qq_34803115的博客 4853

从零开始写一个简单的javaweb项目

来吧,直奔主题: 1:安装jdk 配置环境遍历 ,安装tomcat 和 idea; 安装tomcat : 下载压缩文件后解压放到电脑里面即可,安装jdk 配置环境遍历、idea安装自行百度下,这里不重点讲。 2:打开idea 创建项目:左上角file ->new->projert,打开的界面选择项如下 其中 :Application Server 的地址是tomcat 的本地文件目录地址 下一步:点Next 填写项目名称,点finish 在项目界面点这个下拉箭头配置t...

音符跳跃每天···的博客 1042

Android——从零开始写一款开源项目

如果你想学习自定义View,如果你想自己遭轮子,那这篇文章说不定适合你

Swy_ww 593
上一篇: 十道简单算法题
下一篇: 从零开始写项目第一篇【搭建环境】
Java3y
Java3y 领域专家: 后端开发技术领域 领域专家: 后端开发技术领域
博客等级 码龄9年 1万+粉丝 509原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值