# myblog2

**Repository Path**: roud/myblog2

## Basic Information

- **Project Name**: myblog2
- **Description**: 本项目包括前台和后台部分，前台分区：博客、简介、资源共享，还有小彩蛋-点击播放音乐、点击左边显示侧边栏查看歌词以及进行后台登录；后台主要是进行博客管理和资源管理。
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-22
- **Last Updated**: 2023-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">myblog2</h1>
<p align="center">图片加载不出，详情图文见：[myblog2配置教程](https://www.cnblogs.com/roud/p/16614680.html)</p>

#### 介绍

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
<p><img src="http://roud.top/img/20230514213614.png"/></p>
<p>next</p>
<p><img src="http://roud.top/img/20230514214236.png"/></p>
<p>next</p>
<p><img src="http://roud.top/img/20230514214312.png"/></p>
<p>next</p>
<p><img src="http://roud.top/img/20230514214439.png"/></p>
<p>next</p>
<p><img src="http://roud.top/img/20230514214502.png"/></p>
<p>next</p>
<p><img src="http://roud.top/img/20230514214521.png"/></p>
<p>next，此步为配置web项目，记得勾选。忘了的话同样可以在设置中找回</p>
<p><img src="http://roud.top/img/20230514214537.png"/></p>


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

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

<p><img src="http://roud.top/img/20230514214555.png"/></p>
以及同步修改src/config.property文件，修改项同上。
<p><img src="http://roud.top/img/20230514214620.png"/></p>

3.配置tomcat（首先得安装有tomcat啊……自行百度安装）
<p><img src="http://roud.top/img/20230514214637.png"/></p>

<p><img src="http://roud.top/img/20230514214654.png"/></p>

<p><img src="http://roud.top/img/20230514214713.png"/></p>

<p><img src="http://roud.top/img/20230514214732.png"/></p>
打开file->project structure（快捷键ctrl+alt+shift+s）
<p><img src="http://roud.top/img/20230514214748.png"/></p>
回到tomcat配置
<p><img src="http://roud.top/img/20230514214803.png"/></p>

<p><img src="http://roud.top/img/20230514214822.png"/></p>
配置完成

4.运行
4.1预加载页
<p><img src="http://roud.top/img/20230514214851.png"/></p>
4.2主页
<p><img src="http://roud.top/img/20230514214905.png"/></p>
4.3简介
<p><img src="http://roud.top/img/20230514214923.png"/></p>
4.4 资源分享页
<p><img src="http://roud.top/img/20230514214937.png"/></p>
4.5彩蛋与后台入口
<p><img src="http://roud.top/img/20230514214954.png"/></p>
4.6 后台登录页
<p><img src="http://roud.top/img/20230514215012.png"/></p>
4.7 404资源不存在页
<p><img src="http://roud.top/img/20230514215032.png"/></p>
4.8 手机访问页
<p><img src="http://roud.top/img/20230514215046.png"/></p>
4.9 后台首页
<p><img src="http://roud.top/img/20230514215102.png"/></p>
4.10 后台2
<p><img src="http://roud.top/img/20230514215118.png"/></p>
4.11 后台3
<p><img src="http://roud.top/img/20230514215133.png"/></p>
4.12 后台新增博客
<p><img src="http://roud.top/img/20230514215206.png"/></p>
4.13 资源上传页
<p><img src="http://roud.top/img/20230514215229.png"/></p>
4.14 小bug
主要是当前用户名通过url参数传递不是通过session中的User对象获取造成的，在后台页面跳转会出现
<p><img src="http://roud.top/img/20230514215244.png"/></p>
4.15 前端bug适配页面bug
主要是页面通过原生js获取页面大小适配的，当页面转为移动端显示再转pc后全屏会出现这个bug，全屏后刷新即可
<p><img src="http://roud.top/img/20230514215323.png"/></p>
4.16 后台登录验证码拦截
<p><img src="http://roud.top/img/20230514215349.png"/></p>
4.17 登录拦截
<p><img src="http://roud.top/img/20230514215402.png"/></p>

#### 使用说明

Q1:clone项目后发现idea没有识别为web项目（看web文件夹左边是否有个蓝点）
没有的话自己关联web.xml。步骤如下：
<p><img src="http://roud.top/img/20230514215419.png"/></p>

<p><img src="http://roud.top/img/20230514215437.png"/></p>

其他问题，请咨询qq：2273459453