myblog2
myblog2
介绍
2021年写的博客项目,使用技术较老(当时ecplise写的,数据库用的还是JDBC,ecplise上传gitee比较麻烦,所以把项目改成了idea项目),servlet+jsp+原生前端(html+css+js及部分jq、部分vue,vue使用cdn引入,因为当时只学了一部分vue,只会照猫画虎)。
myblog2是第二个版本,相比第一个版本增加了后台登录验证和拦截。虽然技术较老,不过我自认为界面设计不输于现在用vue+element写的项目的界面。
本项目包括前台和后台部分,前台分区:博客、简介、资源共享,还有小彩蛋-点击播放音乐、点击左边显示侧边栏查看歌词以及进行后台登录;后台主要是进行博客管理和资源管理。
ps:该项目可以为大学生课设项目以及毕设作参考……另外,项目bug是存在较多的,但不影响使用。
Q:bug这么多,为什么不修复呢?
A:因为我比较懒
软件架构
servlet+jsp+原生前端(html+css+js及部分jq、部分vue,vue使用cdn引入)
安装教程(跑起来的教程)
-
克隆项目(建议idea git拉取)地址:https://gitee.com/roud/myblog2.git

next

next

next

next

next

next,此步为配置web项目,记得勾选。忘了的话同样可以在设置中找回

-
修改数据库配置文件。路径:src/jdbc.properties。修改成你的数据库名、用户名、密码。
此处我使用的数据库版本为mysql5.7

以及同步修改src/config.property文件,修改项同上。

3.配置tomcat(首先得安装有tomcat啊……自行百度安装)




打开file->project structure(快捷键ctrl+alt+shift+s)

回到tomcat配置


配置完成
4.运行
4.1预加载页

4.2主页

4.3简介

4.4 资源分享页

4.5彩蛋与后台入口

4.6 后台登录页

4.7 404资源不存在页

4.8 手机访问页

4.9 后台首页

4.10 后台2

4.11 后台3

4.12 后台新增博客

4.13 资源上传页

4.14 小bug
主要是当前用户名通过url参数传递不是通过session中的User对象获取造成的,在后台页面跳转会出现

4.15 前端bug适配页面bug
主要是页面通过原生js获取页面大小适配的,当页面转为移动端显示再转pc后全屏会出现这个bug,全屏后刷新即可

4.16 后台登录验证码拦截

4.17 登录拦截

使用说明
Q1:clone项目后发现idea没有识别为web项目(看web文件夹左边是否有个蓝点)
没有的话自己关联web.xml。步骤如下:


其他问题,请咨询qq:2273459453

浙公网安备 33010602011771号