【java开发】前端or后端?手把手搭建个人博客项目

欣欣草木生

已于 2022-09-21 09:14:08 修改

阅读量395

点赞数 1

文章标签： java 前端 tomcat

于 2022-09-13 16:40:29 首次发布

本文链接：https://blog.csdn.net/m0_61809818/article/details/126823368

版权

如果你是什么都不懂的初学者（简称小白）
如果你是要快速搭建一个博客

但是

从未从事过相关的开发工作，寻找网上的后端视频又长的离谱

我想，最重要的事，是先将别人的代码跑通！！！

然后这并不是一件简单的事情。
对于小白来说，最希望的就是把代码复制下来就可以跑。
事与愿违，往往因为环境配置的问题，在接踵而至的报错中失去了去实现的热情和信心。
又或者因为，代码的分享者已度过小白期，很难站在真小白的角度，来理解我们（知识诅咒）
【哭泣】【哭泣】【哭泣】

参考链接为
手把手教你实现一个JavaWeb项目：创建一个自己的网页博客系统（前端+后端）（一）
手把手教你实现一个JavaWeb项目：创建一个自己的网页博客系统（前端+后端）（二）
本人搭建的参考链接为以上的两篇博文。我觉得写的已经算是很详细了，尤其是第一篇，是真的保姆级别。但明显在第二篇感到很多一笔带过的地方，本文主要也是解释一下第二篇。

下边分享一下自己的环境配置的问题与心得

问题以及思路

1 关于输入账号以及密码后的乱码问题(一堆的不认识的中文字)
首先你应该先翻译一下这些乱码是什么意思如果你可以找到的话(网络搜索乱码翻译成中文)
翻译是为了更好地显示提示信息(是登录成功了?还是账号or密码不存在?)以便于解决后续的处理问题
但是无论如何,很明显是编码方式出现了问题,一般来说都是用的UTF-8,但是会因为奇怪的写法(utf8,UTF8,Utf8)在某些环境下无法被解析,见下方的4

2 关于设置编码方式后,输入账号密码都是登录失败的问题
解决方式:首先,登陆失败,应该想到这个信息是由什么返回的?
在controller层中找到对应的文件(LoginServlet),仔细阅读代码的流程
发现存在的是表单解析出的消息与数据库中的消息进行比较再决定返回的信息
仔细检查数据库,明明存在相关的数据信息,为什么会失败?
遇到了UserDao接口,点进去
发现存在和数据库建立连接的过程( connection = DBUtil.getConnection()😉
又出现了DBUtil类,点进去
发现url并不是自己的url,将其更改后再运行,可登录成功

3 关于阅读代码,使用方法:递归阅读法
遇到没看到定义的类/方法/接口时可以ctrl+左键点击,进入实现方式

解决心得

1 注意服务器的配置插件是smart tomcat而不是tomcat,二者略有区别
2 先进行tomcat的安装,请站内搜索tomcat安装教程(要安装8.5版本的,本人仅改变了版本号这一变量,8.5版本就可以登录,10版本就404了)
一定要记住下载路径,因为在smart tomcat里要选择路径
3 在启动服务器以后会出现下边这样蓝色的链接,直接点进去会发现404
是因为要在后边再加上 /blog_login.html
在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/0f3a1067cd754d278e57d5fb048ffab9.pn

4 请将代码里的utf8全部替换UTF-8,否则可能出现乱码
5 在进行第二篇参考链接的操作前,请先安装mysql
站内搜索MySql安装教程,一定记住用户名和密码以及端口号
(用户名一般默认root,端口号一般默认是3306)
6 在第五步中,安装MySQL的同时会安装了MySQL 8.0 Command Line Client

在这里插入图片描述

打开后,输入设置好的密码,敲击回车
复制粘贴以下的代码(即在第二篇参考链接中最先提到的代码)

-- 通过这个文件来编写建库建表的sql
 
-- 先建立数据库：
create database if not exists blogSystem;
 
-- 选中数据库：
use java102_blog;
 
-- 创建一个博客表：
drop table if exists blog;
create table blog(
    blogId int primary key auto_increment, -- 创建博客ID列，并作为主键约束，设置自增主键
    title varchar(1024), -- 创建标题列
    content mediumtext, -- 创建正文列，类型设为mediumtext，表示较长的字符串
    userId int, -- 创建作者ID列，表明文章的作者是谁
    postTime datetime -- 创建发布时间列
);
 
-- 在博客表插入两条数据：
insert into blog values(null,'我的第一篇博客','一二三四五，六七八九十',1,now());
insert into blog values(null,'我的第二篇博客','一二三四五，十九八七六',1,now());
insert into blog values(null,'我的第三篇博客','一二三四五，六六六六六',1,now());
insert into blog values(null,'我的第一篇博客','一二三四五，上山打老虎',2,now());
 
-- 创建一个用户表：
drop table if exists user;
create table user(
    userId int primary key auto_increment, -- 创建用户ID列，并作为自增主键
    username varchar(128) unique, -- 创建用户名列，因为后续会使用用户名登录，所以要求不能重复
    password varchar(128)
);
 
-- 在用户表插入两条数据：
insert into user values(null,"zhangsan","123");
insert into user values(null,"lisi","123");

在这时,数据库内的相关数据就建立完成了
8 数据库的连接
在这里插入图片描述
有三处要修改的地方
第一处箭头端口号,改成之前记得数据库的端口号(我是3306)
第二处箭头,blogsystem是数据库的名称,原博主写的是java102_blog,错误
第三处箭头,修改成自己的数据库密码
9 数据库的配置,类似如何添加smart cat,下不赘述
10 最后启动tomcat服务器后在地址栏输入
127.0.0.1:8080/blog_system/blog_login.html 就可以查看效果啦