SpringBoot+Vue实现在线电子小说网站

文末获取源码

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、Vue.js 、css3

开发工具：IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库：MySQL 5.7/8.0

数据库管理工具：phpstudy/Navicat

JDK版本：Java jdk8

Maven:apache-maven 3.8.1-bin

目录

一、前言介绍

二、功能模块设计

三、系统前台模块

3.1系统前台登录页面

3.2电子小说推荐页面

3.3电子小说列表 

3.4小说详情页面 

四、管理员功能模块

4.1站点管理模块

4.2用户管理模块

4.3内容管理模块 

4.4更多管理模块 

4.5电子小说管理模块 

五、部分核心代码

5.1添加评论的主要逻辑代码 

5.2电子小说的主要逻辑代码

5.3用户管理的逻辑代码

5.4小说管理的逻辑代码

---

一、前言介绍

本系统的前端界面涉及的技术主要有Vue，通过这些技术可以实现前端页面的美观和动态效果使之符合广大群众的审美观，后台主要使用的技术主要有Java编程语言，Mysql数据库，AJAX异步交互，根据AJAX异步模式的在线电子小说网站解决了传统管理方式所带来的人力、物力和时间上的虚耗和交流深度的限定，这让交流的过程更快捷、准确、便利，同时完成在线电子小说网站的基本功能：首页、站点管理（轮播图、公告栏）用户管理（管理员）内容管理（论坛、论坛类型、文章、文章类型）更多管理（注册用户、小说分类、电子小说、图书管理员）。

二、功能模块设计

（1）管理员账户的基本信息管理。主要提供管理员账户的基本信息录入、删除、维护和查询等功能，包括：

管理员录入管理员账户基本信息。

管理员更新、增加及删除管理员账户基本信息。

用户根据管理员账户 ID 查询基本信息。

系统管理员更改个人密码。

（2）评论的基本信息管理。主要提供评论的基本信息录入、修改和查询功能，包括：

用户录入评论基本信息。

管理员更新、增加及删除评论基本信息。

管理员根据评论 ID 查询评论基本信息。

（3）电子小说下载的基本信息管理。主要是提供电子小说下载的基本信息录入、维护和查询功能，包括：

用户录入电子小说下载基本信息。

用户更新、增加及删除电子小说下载基本信息。

用户根据电子小说下载 ID 查询电子小说下载基本信息。

（4）小说的基本信息管理。主要提供小说的基本信息录入、删除、维护和查询功能， 包括：

管理员录入小说信息。

管理员更新、增加小说基本信息。

管理员根据小说 ID 查询小说基本信息。

用户根据个人信息导航栏查询小说信息。

（5）电子小说的基本信息管理。主要提供电子小说的基本信息录入、删除、维护和查询功能， 包括：

管理员录入电子小说信息。

管理员更新、增加电子小说基本信息。

管理员根据电子小说ID 查询电子小说基本信息。

用户根据个人信息导航栏查询电子小说信息。

三、系统前台模块

3.1系统前台登录页面

3.2电子小说推荐页面

3.3电子小说列表 

3.4小说详情页面 

四、管理员功能模块

4.1站点管理模块

4.2用户管理模块

4.3内容管理模块 

4.4更多管理模块 

4.5电子小说管理模块 

五、部分核心代码

5.1添加评论的主要逻辑代码 

<?Java

session_start();

if($_SESSION["username"]=="")

{

echo "<script>javascript:alert('对不起，请您先登陆！');window.close();</script>";

exit;

}

include_once 'conn.Java';

$id=$_GET["id"];

$addnew=$_POST["addnew"];

if ($addnew=="1" )

{

$wenzhangID=$_POST["wenzhangID"];$pinglunneirong=$_POST["pinglunneirong"];$pinglunren=$_POST["pinglunren"];$biao=$_POST["biao"];$pingfen=$_POST["pingfen"];

$sql="insert into pinglun(wenzhangID,pinglunneirong,pinglunren,biao,pingfen) values('$wenzhangID','$pinglunneirong','$pinglunren','$biao','$pingfen') ";

mysql_query($sql);

echo "<script>javascript:alert('评论成功!');  window.opener.location.reload();window.close();</script>";

}

?>

5.2电子小说的主要逻辑代码

<mapper namespace="com.project.demo.dao.base.BaseMapper">

    <select id="selectBaseList" resultType="java.util.LinkedHashMap">

        ${select}

    </select>

    <select id="selectBaseCount" resultType="Integer">

        ${count}

    </select>

    <select id="selectBaseOne" resultType="Object">

        ${select}

    </select>

    <update id="updateBaseSql">

        ${sql}

    </update>

    <delete id="deleteBaseSql">

        ${sql}

    </delete>

</mapper>

5.3用户管理的逻辑代码

@RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

5.4小说管理的逻辑代码

@PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}