福利：关于左侧二维码可以 看《斗罗大陆》和《斗破苍穹》漫画啦

       由于《斗罗大陆》和《斗破苍穹》动漫的热播，让我深深沉迷其中，因为动画更新的太慢了，搞得我只能去找小说，找漫画去过瘾，来来回回也刷了不少遍了。

       在这个过程中，由于热爱，我甚至把他们的搭建斗罗大陆漫画全都下载了下来，想随时随地的看，啊哈哈哈哈哈哈哈哈嗝

       然后下载下来图片，在电脑上一张一张翻着看并不方便，所以便萌生了自己搭建一个小说网站的想法，真正的在手机上随时随地的看。

      如何搭建一个漫画小说网站？

PS：小说和漫画都有版权，本文主要交流技术，请勿用做商用盈利

如果自己搭建一个自己的个漫私服漫画小说网站，放着自己喜欢的内容，是一件很酷的事情

涉及到的技术：

java，mysql, mybatis, 服务器，oss，uniapp,vue 等

看起来简简单单的一个小网站，需要用的的知识点还不少呢，大家可以先收藏，慢慢看

想做内容网站，内容是必不可少的，因为本人最喜欢的小说是《斗罗大陆》和《斗破苍穹》，而小说随手可得，这次我把矛头放在漫画上。

市面上已经有了很多漫画网站，随便找一下当一下资源就行了

下面以《斗破苍穹》为例，我用的画小和斗画技术是java，根据图片的url规律下载，没有用python等高大尚工具，比较接地气

因为这种漫画的周期很长了，url经过了很多次改变，而且估计是因为安全等因素考虑，前期的内容url是没有随机数的，后面的加了随机数，所以后面可能得每个章节都手动改随机数下载了，这是url下载方式的弊端，如果用爬虫就没这种困扰了。

这样就把整本书的破苍图片都下载到本地了，

     有了资源，想要在线观赏，就需要把图片放到服务器上。

     如何购买服务器？看这篇文章：总结一下购买阿里云服务器的穹漫经验

     有了服务器，但服务器的内存都比较小，加硬盘很贵，像图片这种很占用硬盘的资源，直接放在服务器上肯定是不合适的。

这就需要使用阿里推出的福利oss存储空间，个人用的感觉不错，上传流量免费，下行流量收费，但是可以用服务器esc的内网访问oss，走服务器的宽带流量，做到下行流量也免费。尤其是手把手教说网支持纯前端上传和下载，上传的图片还能自动修改样式，大小，加水印等，用起来得心应手。

关于oss我以前也介绍过：阿里云存储对象OSS使用讲解一：OSS的搭建斗罗大陆购买和配置

阿里云存储对象OSS使用讲解二：java上传文件

阿里云OSS通过服务器ESC内网流量访问文件（使用免费带宽，不使用收费流量）

     好了，现在有了服务器和oss存储空间了。我们需要把图片都上传上去了。个漫

     但是画小和斗画一部漫画有上万张图片，如果选择线上手动上传，有点坑爹的是一次最多支持100个文件同时上传，那我们岂不是得做重复工作几百次，这是只是一部，做网站要上传很多部，作为程序员，一切需要人手动重复工作的都是拒绝的

  所以我选择写java程序让电脑帮我去上传。

思路：1.按 小说-》章节-》图片 的破苍结构，在oss上自动创建各个章节文件夹并自动上传图片。

           2.上传的穹漫同时，在mysql数据库中记录小说名，章节名，图片url等信息，因为前端到时候需要掉接口获取小说数据，所以要把这些文件数据转化成数据库数据。

先建个表，随便写点字段：

首先，创建oss上传工具类，配置自己的各种账号，里面主要用到的就是创建文件夹和上传文件而已

再写程序上传，不必要的包自行删除，主要知识点就是java 文件目录的遍历

关于mybatis的sql还有点知识点，分别是自动递增id和返回insert后的id，因为我插入后立刻就需要用这个id当parentId去传递给后面的递归中

关于这点我以前也记录过：Mybatis怎么怎么获取刚insert后生成的ID（探索selectKey） 

这样，所有的图片就自动传上去了。

然后记得把程序部署到服务器上去，这里建议使用jenkins自动化部署，也就是你在git或者svn上传代码，然后上服务器点一键构建就完成部署了，非常方便

关于这个，我也总结过：jenkins自动部署springboot项目

关于服务器，因为现在大部分服务器都是linux,作为小白直接操作linux还是比较费劲的，推荐服务器安装界面化工具：宝塔

宝塔可以监控服务器使用情况，图形化操作软件，配置站点，配置安全设置，便利上传文件等功能，让你像操作windows一样方便

      现在我们有了资源，有了接口，剩下的就是完成前端界面展示漫画了。

      现在看漫画最多的人是用手机看的，所以我们先定位为手机端。

      然后现在最热门的移动端框架是uni-app，写一套代码可以比较完美的运行在H5，小程序，APP中，虽然坑比较多，但用了这么久，该能实现的功能还是能实现的。最主要的它基于vue和小程序语法开发，省去了很多学习的成本，甚至还能在工程里用npm下载包并完美兼容，属于学习成本低，并越用越顺手的框架。

去插件市场随便找个插件改改：https://ext.dcloud.net.cn/plugin?id=1116

这个插件是看小说用的，我改了改变成适合看漫画的

然后加入了uni-more-loading,vue-lazyload(好处就在这，可以使用所有vue的资源),历史记录，章节自定滚动定位等小功能

随意展示一个主页面源码吧，需要整套源码的加我左侧二维码留言找我要就行了。

uniapp打包生成h5网站

我们只需要把h5中的源码放到服务器上就行了，跟vue包部署的方式一毛一样

vue包必须放在服务器中才能正常运行，一般用的服务器有tomcat，apache，nginx等，像这种简单网站，用nginx是最方便的，启动服务并且可以随意调整域名端口啥的

正好宝塔的站点服务就是用nginx配置的

使用宝塔登录服务器，在放入站点文件夹中

然后在网站中加入一个站点就行了，推荐你起个二级域名，监听80端口，通过二级域名就可以访问你的网站了（nginx的好处就是可以随意监听不同域名的80端口，很方便） 

到这里，网站的所有工作就做完啦，可以打开自己的域名，享受自己的劳动成果啦~~~

也可以直接看看我的劳动成果 ：斗破苍穹漫画

斗罗大陆漫画

扫描左侧二维码也可以直接看，有问题的童鞋直接关注公众号并发消息即可，我看到就会回复，欢迎来撩~