博客系统开发（一）

最新推荐文章于 2024-07-31 15:00:23 发布
最新推荐文章于 2024-07-31 15:00:23 发布
阅读量220 收藏
点赞数 1
分类专栏： 框架 项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41767640/article/details/89738951
版权

一.安装jar包

jar包和ssm框架的包一样

需要commons-dbcp-1.4.jar，commons-logging-1.1.1.jar，commons-pool-1.6.jar，log4j-1.2.17.jar，mybatis-3.4.6.jar，spring-context-4.3.9.RELEASE.jarmybatis-spring-1.3.2.jar，mysql-connector-java-5.1.45-bin.jar，spring-aop-4.3.9.RELEASE.jar，spring-beans-4.3.9.RELEASE.jar，spring-core-4.3.9.RELEASE.jar，spring-expression-4.3.9.RELEASE.jar，spring-jdbc-4.3.9.RELEASE.jar，spring-tx-4.3.9.RELEASE.jar，spring-web-4.3.9.RELEASE.jar，spring-webmvc-4.3.9.RELEASE.jar

 

二.设计数据库

由于只实现简单的博客系统，

所以创建blog数据库

数据库中创建3个表，分别是user表，blog表，comment表

user的字段{

Uid int,

username varchar(255),

password varchar(255),

star  int

}

blog表的字段{

Bid int，

blogname varchar(255),

Uid int,

username varchar(255),

star int,

content varchar(255)

}

其中UID是外键主表是user

comment表的字段{

Cid int，

Bid int，

Uid int，

username varchar（255），

content varchar（255）

}

外键是uid，bid主表是blog和user

三.创建项目

创建web项目将所需要的包导入到webcontent/web-INF/lib路径下

然后在web-INF中创建web.xml文件

web.xml

<?xml version="1.0" encoding="UTF-8"?><!-- The front controller of this Spring Web application, responsible for handling all application requests -->
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">


</web-app>

将这些写入web.xml中

 

四.创建模型类

user

package org.model;

import org.springframework.stereotype.Component;

@Component   //将user类放入IOC 容器
public class user {
	private int Uid;
	private String name;
	private String password;
	private int star;
	public int getUid() {
		return Uid;
	}
	public void setUid(int uid) {
		Uid = uid;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public int getStar() {
		return star;
	}
	public void setStar(int star) {
		this.star = star;
	}

}

下面的blog类，和comment类和user类相同

五.创建DAO层server层和controller层

创建基础Dao实现user的增删改查

创建useralter接口

package org.mapper;

import org.model.user;

public interface useralter {
	public void adduser(user u);
	public void deleteByid(int i);
	public user queryuserByname(String  name);
	public void updateuserByid(int i);
}

创建useraltermapper.xml文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
 PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="org.mapper.useralter">
<!-- namespace中写的是接口的路径-->
<select id="queryuserByname" parameterType="java.lang.String" resultType="org.model.user"> <!-- id的值和接口中方法的名字相同-->
			select *from user where username=#{name}
</select>
<insert id="adduser" parameterType="org.model.user">
	insert into user values(null,#{name},#{password},null)
</insert>
</mapper>

 

创建server类

package serve;

import org.mapper.useralter;
import org.model.user;
import org.springframework.stereotype.Component;
@Component  //将server类加入IOC容器
public class userserve {
	private useralter alter;
	public void setAlter(useralter alter) {
		this.alter = alter;
	}
	public void add( user u) {
		alter.adduser(u);//这里的方法直接匹配到useraltermapper中的sql语句所以需要接口名和 
         mapper中的id一致
	}
	public void delete(int id) {
		alter.deleteByid(id);
	}
	public user query(String name) {
		return alter.queryuserByname(name);		
	}
	public void update(int i){
		alter.updateuserByid(i);
	}
}

 

创建usercontroller 

package controller;

import org.model.user;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;

import serve.userserve;
@Controller
@RequestMapping("user")//接收user请求
public class usercontroller {
	@Autowired//自动装配
	private userserve user;
	@RequestMapping("login")//接收login请求，访问login方法时候需要发出user/login请求
	public String login(String username,String password,ModelMap map){
		if(user.query(username).getPassword().equals(password)){
			return "redirect:/views/success.jsp";
		}else {
			return "redirect:/views/login.jsp";
		}	
	}	
	@RequestMapping("sign")//接收sign请求，
	public String sign (String username,String password1) {
		user u=new user();
		u.setName(username);
		u.setPassword(password1);
		user.add(u);//调用userserve类的add方法		
		return "redirect:/views/login.jsp";
	}
}

六.配置文件的编写

application.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mybatis-spring="http://mybatis.org/schema/mybatis-spring"
	xmlns:aop="http://www.springframework.org/schema/aop"
	xsi:schemaLocation="http://mybatis.org/schema/mybatis-spring http://mybatis.org/schema/mybatis-spring-1.2.xsd
		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd
		http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.3.xsd">
<bean id="config" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
<!--属性文件的位置-->
    <property name="locations">
		<list>
			<value>classpath:DB.properties</value>
		</list>
   </property>	
   </bean>
<bean id="datasource" class="org.apache.commons.dbcp.BasicDataSource">
<!--数据库有关的配置-->
		<property name="driverClassName" value="${driver}"></property>
		<property name="url" value="${url}"></property>
		<property name="username" value="${username}"></property>
		<property name="password" value="${password}"></property>
</bean>

<bean id="sqlsession" class="org.mybatis.spring.SqlSessionFactoryBean">
<!-产生sqlsession对象-->
    <property name="dataSource" ref="datasource"></property>
    <property name="mapperLocations"  value="classpath:org/mapper/*.xml"></property>
<!-mapper文件的位置 -->
</bean>
<bean id="mapper" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="sqlSessionFactoryBeanName" value="sqlsession"></property>
<property name="basePackage" value="org.mapper"></property><!-产生包里的mapper对象-->
</bean>
<bean id="userserve" class="serve.userserve">
<property name="alter" ref="useralter"></property><!--注入useralter对象-->
</bean>
</beans>

application-controller.xml:

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:tx="http://www.springframework.org/schema/tx"
	xmlns:aop="http://www.springframework.org/schema/aop"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd
		http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.3.xsd
		http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.3.xsd">


		<context:component-scan base-package="controller"></context:component-scan>	
<!--扫描包中的注解 -->
	
			<mvc:annotation-driven></mvc:annotation-driven>	
<!--springmvc中的标配防止出现冲突-->
				<mvc:default-servlet-handler/>
<!--在请求时如果在controller中没有找到转入MVC方式-->
</beans>

web.xml的编写

<?xml version="1.0" encoding="UTF-8"?><!-- The front controller of this Spring Web application, responsible for handling all application requests -->
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
<!-- The front controller of this Spring Web application, responsible for handling all application requests -->
	<context-param><!--说明application.xml的位置-->
	<param-name>contextConfigLocation</param-name>
	<param-value>classpath:application.xml</param-value>
	</context-param>
	<listener>
<!-- 配置监听器监听在tomcat启动时创建IOC-->
	<listener-class>org.springframework.web.context.ContextLoaderListener</listenerclass>
	</listener>	
	<servlet>
		<servlet-name>springDispatcherServlet</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<init-param><!--说明spring-mvc配置文件的位置-->
			<param-name>contextConfigLocation</param-name>
			<param-value>classpath:application-controller.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet> 
	<!-- Map all requests to the DispatcherServlet for handling -->
	<servlet-mapping>
		<servlet-name>springDispatcherServlet</servlet-name>
		<url-pattern>/</url-pattern><!--拦截所有请求将请求交给spring-mvc-->
	</servlet-mapping>
</web-app>

七.前台页面的编写

login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style>
body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background-color:#f5f7ff;
    padding-top: 20px;
}
#q{
    width:100%;
    height:100%;
    overflow:hidden;

}
#left{
    height:100%;
    width:207px;
    float:left;
    overflow:hidden;
}
#right{
    height:100%;
    width:207px;
    float:right;
    overflow:hidden;
}
#sign{
    width:420px;
    height:421px;
    background-color: white;
    float:top;
    margin: 0 auto;
    margin-top: -20px;
    border-style: solid;
    border-width: 1px;
    border-color: #E6E6E6;

}
#title{
    width:150px;
    margin: 0 auto;
    margin-top: 0px;
}
img#title{
    width:150px ;
    height:100px;
}
#sign{
   
    text-align: center;
    text-decoration: none;   
}
span#sign{
    font-size: 15px;
}
.put{
margin-top: 5px;
width:340px;
height:30px;
margin-bottom: 5px;
background-color: #fff;
border-radius:2px;
border-width: 1px;
padding:2px 4px 3px 4px;

}
.but{
margin-top:10px ;
width:350px;
height:48px;
background-color: #0060df;
border-width:1px;
border-radius:4px;
color:white;
}
</style>

<body>
<div id="q">
<div id="left">
<img src="../images/left.png" height="100%" width="100%">
</div>
<div id="right">
<img src="../images/right.png" height="100%" width="100%">
</div>
<div id="title">
    <img id="title" src="../images/title.png"> 
</div>
<div id="sign">
<h1>登录</h1>
<span>以登录   YourBlog</span><br/>
<form action="../user/login" method="get" accept-charset="utf-8">
<input class="put" type="text" name="username"  placeholder="用户名"><br/>
<input class="put" type="password" name="password"  placeholder="密码"><br/>
<input class="but" type="submit" value="登录"><br/>
<a href="regiter.jsp">创建用户</a>
</form>
</div>
</div>
</body>
<html>

register.jsp
 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style>
body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background-color:#f5f7ff;
    padding-top: 20px;
}
#q{
    width:100%;
    height:100%;
    overflow:hidden;

}
#left{
    height:100%;
    width:207px;
    float:left;
    overflow:hidden;
}
#right{
    height:100%;
    width:207px;
    float:right;
    overflow:hidden;
}
#sign{
    width:420px;
    height:421px;
    background-color: white;
    float:top;
    margin: 0 auto;
    margin-top: -20px;
    border-style: solid;
    border-width: 1px;
    border-color: #E6E6E6;

}
#title{
    width:150px;
    margin: 0 auto;
    margin-top: 0px;
}
img#title{
    width:150px ;
    height:100px;
}
#sign{
   
    text-align: center;
    text-decoration: none;   
}
span#sign{
    font-size: 15px;
}
.put{
margin-top: 5px;
width:340px;
height:30px;
margin-bottom: 5px;
background-color: #fff;
border-radius:2px;
border-width: 1px;
padding:2px 4px 3px 4px;

}
.but{
margin-top:10px ;
width:350px;
height:48px;
background-color: #0060df;
border-width:1px;
border-radius:4px;
color:white;
}
</style>

<body>
<div id="q">
<div id="left">
<img src="../images/left.png" height="100%" width="100%">
</div>
<div id="right">
<img src="../images/right.png" height="100%" width="100%">
</div>
<div id="title">
    <img id="title" src="../images/title.png"> 
</div>
<div id="sign">
<h1>创建</h1>
<span>以登录   YourBlog</span><br/>
<form action="../user/sign" method="get" accept-charset="utf-8">

<input class="put" type="text" name="username" placeholder="用户名"><br/>
<input class="put" type="password" name="password1"  placeholder="密码"><br/>
<input class="put" type="password" name="password2"  placeholder="确认密码"><br/>
<input class="but" type="submit" value="创建账户"><br/>
<a href="login.jsp">已有用户,登录</a>
</form>
</div>
</div>
</body>
</html>

 

早起和早睡
关注
专栏目录
软件工程之博客系统开发文档
数字成都
12-06 2535
1.定义 Blog：Weblog的简称。网络日志，通常称为博客。 2任务概述 2.1系统目标 系统为用户提供较快的响应速度，页面加载速度不应超过10秒 系统无明显安全漏洞，包括SQL注入和XSS跨站脚本注入 系统应该兼容响应式布局 系统应该具有良好的可扩展性和可维护性 2.2 运行构架 2.2.1 系统软件/硬件平台 硬件: 处理器 ：Intel486以上系列、AMD K6 以上系列 内 存 ...
个人博客系统开发实例
05-16
个人博客系统开发实例 英勇Jsp Servlet DAO Struts等技术
博客系统开发总结(一)
分享知识，记录学习
08-13 996
​Preview 这个暑假本来好好地实习来着,没成想疫情突然在南京出现了,进一步的学习了下相关的知识,在小破站跟着大神学习,费了一番波折,做出了一个一般般的demo,不过能够成功的部署到阿里云这件事情真的很让我开心,嘴角疯狂上扬,还发了一个链接给朋友,难得的喜悦分享.下面相对这些学的一知半解的知识做一下稍微系统的梳理,也算是为自己以后再做相关的额项目打一个基础. 技术工具采用 SpringBoot Thymeleaf JPA Semantic UI html
springboot基于移动端的个人博客系统源码和论文
最新发布
2303_80201259的博客
07-31 812
全文首先分析了课题的研究背景和研究现状，然后根据系统开发流程分析了系统的可行性和需求。然后，通过对系统总体功能模块的设计，绘制了系统的功能模块图，并设计了整个数据库的结构。根据设计的框架，实现了系统的各个功能模块。测试结果表明，系统能够实现所需的功能，达到了预期的效果，运行状况良好。博客系统是能够让网民记录分享和学习的一个网站，在博客中我们可以发表文章对感兴趣的事情进行讨论。而基于移动端的个人博客系统的设计是就为了迎合广大用户需求创建的一个界面简洁、有定向内容、业务逻辑简单易操作的博客系统。
博客系统的开发
phphot
12-14 4212
从整体上考虑开发一个博客信息系统分为四个阶段：策划阶段,软件设计阶段，硬件设计阶段，安全设计阶段。                                                                                                                                               1.策划    
博客开发
by_side_with_sun的博客
08-02 895
项目分为6个页面 可以在git：https://github.com/sqhl/Blog 找到源码 1.项目登陆/注册/忘记密码界面： 2.博客主页面/搜索 3.个人博客页面 4.写博客页面 5.博客详情页 6.个人设置页面 ...
个人博客系统的开发
raolbj的博客
11-22 588
如何开发一个个人博客系统？
如何开发一个系统
YUMIAKIRA的博客
05-31 1万+
作为一名大二学生，参加校内比赛做了一个绩效管理系统，所以写一下如何开发一个系统。制作一个系统有三步，首先进行需求分析，其次进行系统设计，最后进行系统开发。前面的步骤做好以后，系统开发和进度规划方面就有了参考，不会在开发过程中感到迷茫。只有准确了解了用户需求，才能设计出一个实用的系统。如果只是让系统成为技术的载体，这个系统是称不上一个作品的，一定要完成某些能够称之为需求的任务，并且是准确完成用户需求才好。做一个简单的系统，可以直接询问你的用户，想要让系统完成什么事情。比如想做一个社区，为了让某个群体有交流的平
Java Web 开发 JSp期末大作业 个人博客系统
06-17
Java Web开发是一个涵盖...综上所述，"个人博客系统JSP"项目是一个综合性的Java Web开发练习，涵盖了JSP的基础知识、MVC架构、数据库操作、以及前端技术等多方面内容，对于学习和掌握Java Web开发具有很高的实践价值。
基于php+Mysql开发的轻博客系统
06-13
基于php+Mysql开发的轻博客系统 系统采用php+Mysql开发，标签系统采用国际成熟的smarty的标签引擎，系统简单，旨在向大家提供开源的学习教程，程序虽然小 五脏俱全,但包括大部分应用技术，如图片上传裁切，百度Uedit...
Python基础编程案例之编写交互式博客系统
热门推荐
江晓龙的博客
07-17 2万+
首先定义一个文章库，所有的文章都存在这个文章库中，由于只是Python基础，还不掌握如何与MySQL连接，且不会数据库设计，因此我们以Python中的字典数据类型，去模拟一样文章库。首先初始状态，是没有任何数据的，因此定义一个空的字典，当用户发布文章后将文章添加到字典库中。
博客系统开发
06-20
博客，web系统开发设计，大学毕业设计，内容，操作
从0到1开发博客系统
06-10
eblog是一个基于Springboot2.1.2开发的博客学习项目，为了让项目融合更多的知识点，达到学习目的，编写了详细的从0到1开发文档。主要学习包括：自定义Freemarker标签，redis的zset结构完成本周热议排行榜，t-io+websocket完成即时消息通知和群聊，rabbitmq+elasticsearch完成博客内容搜索引擎等。值得学习的地方很多！
springmvc restful风格示例 增删改查完整版
01-15
完整的IntelliJ IDEA项目，使用springmvc实现resrful风格的api，增删改次完整
Blog管理系统开发文档
01-04
Blog管理系统开发文档，很详细。 0.项目规划 1.需求开发 2.系统设计 3.项目监控 4.实现与测试 5.系统测试 6.技术评审 7.配置管理 8.需求管理
个人博客开发
07-29
简单的个人博客开发...学习时练练手还是可以参考下的
blog博客系统开发记录(1)
BoringError的博客
09-26 1186
一直想运用所学的知识搞个小博客玩玩，由于个人学习问题一直拖了很久，所以这段时间希望能使用SpringBoot写一个博客系统来玩一玩，当做是练练手，以后也可以在这个项目中补充一些新技术。
Django博客系统开发案例分析
通过这个案例，开发者能够了解到如何运用Django框架搭建一个功能丰富的博客系统，并且熟悉了开发过程中可能遇到的各种问题及其解决方案。这不仅有助于提升个人的项目实践经验，也为将来的Web开发工作打下坚实的基础...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值