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