/Art_Blog

基于Spring+SpringMVC+Mybatis架构的开源博客：博客管理、图表数据、日志分析、访问记录、图库管理、资源管理、友链通知等。良好的页面预加载，无限滚动加载，文章置顶，博主推荐等。提供 用户端+管理端 的整套系统源码。响应式设计，支持手机、平板、PC，都有良好的视觉效果！包含了日常需要的所有功能。

Primary LanguageJavaScript

Art_Blog

  基于Spring+SpringMVC+Mybatis架构的开源博客：博客管理、图表数据、日志分析、访问记录、图库管理、资源管理、友链通知等。良好的页面预加载，无限滚动加载，文章置顶，博主推荐等。提供 用户端+管理端 的整套系统源码。响应式设计，支持手机、平板、PC，都有良好的视觉效果！

前言

大三学生，断断续续的三个月，终于完成了一个属于自己的作品。
从需求分析，功能设计，前端到后台，再到数据库的设计。一点点的积累，一点点的完善。
长达近一个月的测试，修复和优化。以用户的视角来设计这个作品的每一个细节。
对一个开发人员来说，如果想单纯的做出这些功能，其实并不难。
难的是对于这些功能细节的把控，项目整体的友好程度，用户的体验效果；对并发的考虑，对恶意请求，对流畅度这些细节的考虑等等。 在此期间，我参考了很多的优秀个人网站来丰富页面元素。
很多功能的解决方案都是根据自己的想法，可能并不是成熟稳定的方案。 但对于没有实际企业项目经验的我来说，能够解决实际问题，就已经进步了。
需要添加友链的大佬，可以到 www.luotf.com 首页右侧栏 申请添加。

重要通知

  1. 目前已经开源，功能齐全、部署简单及完善的代码，一定会给使用者无与伦比的体验，如果觉得这个项目不错，请为它 点赞 支持。
  2. 你可以拿它作为博客模板，因为 Art_Blog 界面美观，满足私人博客的一切要求。
  3. Art_Blog 还有许多不完善的地方，鄙人才疏学浅，望见谅！

演示站点

www.luotf.com
后台账号：luotf      密码:admin

技术栈

后端

名称 描述 官网
Spring Framework 容器 http://projects.spring.io/spring-framework/
SpringMVC MVC框架 http://docs.spring.io/spring/docs/current/spring-framework-reference/htmlsingle/#mvc
MyBatis ORM框架 http://www.mybatis.org/mybatis-3/zh/index.html
MyBatis Generator 代码生成 http://www.mybatis.org/generator/index.html
Apache Shiro 安全框架 http://shiro.apache.org/
PageHelper MyBatis分页 http://git.oschina.net/free/Mybatis_PageHelper
Maven 项目构建管理 http://maven.apache.org/
MySQL 数据库 https://www.mysql.com/
Tomcat 8.0 服务器 http://tomcat.apache.org/

前端

名称 描述 官网
jQuery 函数库 http://jquery.com/
Bootstrap 前端框架 http://getbootstrap.com/
Bootstrap-table 数据表格 http://bootstrap-table.wenzhixin.net.cn/
echarts 图表 http://echarts.baidu.com/
web uploader 图片上传 http://fex.baidu.com/webuploader/
layui 弹出层 http://www.layui.com/
sweetalert 弹出层 http://mishengqiang.com/sweetalert/
highlight 代码高亮 https://highlightjs.org/
summernote 富文本编辑 https://summernote.org/
pace 进度条 https://github.hubspot.com/pace/
datapicker 时间选择器 https://jqueryui.com/datepicker/
Font-awesome 字体图标 http://fontawesome.io/
fancybox 图片展示 http://fancybox.net/
fakeLoader 页面预加载 https://www.awesomes.cn/repo/joaopereirawd/fakeloader-js
content 菜单栏
contabs 选项卡

界面预览

[ 首页 ] 显示 置顶的博客，特别推荐，点击排行，最新博客等，无限滚动加载。

首页

[ 列表页 ] 显示某个类别的博客列表，关键字搜索，博客数量，专题等。

列表页

[ 详情页 ] 显示博客的具体内容，评论，推荐博客等。（截长屏 导致图片浮动元素 出现多次）

PC

手机


       移动端
























[ 后端首页 ] 显示博客数，资源数，垃圾数，访客图表等。

后台首页

[ 博客管理 ] 增/删/改/查博客，设置博客专栏等。

博客管理

[ 添加博客 ] 封面图片可以直接选择服务器目录，也可以自己上传。富文本采用summernote，整合heightlight 实现代码高亮。提供发布前预览功能。

添加博客

[ 图表页 ] 以图表的形式显示出博客的浏览量，网站访问量，发表量，日志数等。

图表

[ 操作日志 ] 可以记录管理员的增删改查操作，可以记录下用户具体的查询内容等。

操作日志

[ 访问记录 ] 获取用户的真实IP、地理位置、浏览器及操作系统等。 用户每天第一次登录将会被记录、一天内多次登录或清除cookie将不会被记录。

访问记录

其余界面访问 www.luotf.com 预览   后台:luotf/admin

项目部署说明

  1. 下载并导入本项目。
  2. 在数据库中导入webapp文件下的 blog.sql ，赠送几千条数据。 (如果sql文件导入出错,请粘贴导入) 导入成功后将会多一个 blog 数据库。
  3. 修改项目中的 mysql.properties 中的数据库信息。
  4. 进入Tomcat 安装目录，找到conf/server.xml 在Host元素中添加子元素。 （重要）
<Context path="/upload" docBase="C:\upload"/>

 这里采用虚拟目录映射，实现上传图片路径与项目路径分离。
 5. 然后通过Tomcat启动项目即可 http://localhost:8080/Blog
 6. 如果个别文件有报错，请直接无视。因版本和开发工具差异。

最新更新情况，请移至这里

开源赞助

  如果你觉得 本系统不错，有用，对你的学习有帮助，以及作者的辛苦，请作者喝杯 咖啡吧。

[ 欢迎 Star，Fork ]  [ 欢迎提出问题，提出需求 ]  [ 谢谢 ！]

支付宝|支付宝 微信 微信