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引入)

安装教程(跑起来的教程)

  1. 克隆项目(建议idea git拉取)地址:https://gitee.com/roud/myblog2.git
    image
    next
    image
    next
    image
    next
    image
    next
    image
    next
    image
    next,此步为配置web项目,记得勾选。忘了的话同样可以在设置中找回
    image

  2. 修改数据库配置文件。路径:src/jdbc.properties。修改成你的数据库名、用户名、密码。

此处我使用的数据库版本为mysql5.7

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

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

image

image

image
打开file->project structure(快捷键ctrl+alt+shift+s)
image
回到tomcat配置
image

image
配置完成

4.运行
4.1预加载页
image
4.2主页
image
4.3简介
image
4.4 资源分享页
image
4.5彩蛋与后台入口
image
4.6 后台登录页
image
4.7 404资源不存在页
image
4.8 手机访问页
image
4.9 后台首页
image
4.10 后台2
image
4.11 后台3
image
4.12 后台新增博客
image
4.13 资源上传页
image
4.14 小bug
主要是当前用户名通过url参数传递不是通过session中的User对象获取造成的,在后台页面跳转会出现
image
4.15 前端bug适配页面bug
主要是页面通过原生js获取页面大小适配的,当页面转为移动端显示再转pc后全屏会出现这个bug,全屏后刷新即可
image
4.16 后台登录验证码拦截
image
4.17 登录拦截
image

使用说明

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

image

其他问题,请咨询qq:2273459453

posted @ 2022-08-22 23:37  热心邻居老王  阅读(11)  评论(0编辑  收藏  举报