Coder Social home page Coder Social logo

blog's Introduction

blog

#This is my own blog project。

想写一个自己的博客系统的想法已经很久了,构思了很久,期间也看了很多网上的优秀的博客,中途也做过几次结构上的调整,最终的成品可能也不是很理想,就当做自己工作之余的对所学知识的理解与巩固吧!

结构及功能:

一、登陆:

   1.新用户注册,账号及邮箱的前端基本格式验证,后台存在性的验证

   2.邮箱验证激活

   3.登陆,资料完整度较低的自动跳转完善资料,每天第一次登陆会增加经验值

     4.密码找回,修改、验证

二、blog首页内容展示

   1.轮播图(根据后台操作配置不同的图文排版,切换动画效果,自动播放时间,支持手机端滑动切换,引入了toucher.js)

   2.登陆用户,展示个人信息,可看到自己的文章发布数,关注量及粉丝数,可查看自己的个人主页以及编辑自己的个人资料

   3.退出登陆,搜索功能自动提示功能

     4.新消息提醒(聊天消息、关注消息、系统消息)

       5.在线聊天,(此处的消息提醒和及时聊天都是自己应用ajax与后台的数据交互来实现,也了解了其它的一些IM聊天的原理,相比于用node来实现该功能,自己写的就远远不如,这是需要去学习改进的地方,用ajax实时去请求后台数据这里会造成服务器负载),此处花费的时间较多

   6.文章发布,这里使用了editor提供的富文本编辑插件,因为代码的编写需要放在ol中便于我后面的代码展示,所以加入了代码书写区的小提示,文章发布之后管理员审核,审核通过之后他人可见,推送至首页最新发布,同时增加账号经验值

     7.文章展示,记录点击量,代码的展示重新排版定义样式,复制功能使用插件修改,文章评论(包括发评论的时间间隔限制,每天的发评数量限制,其他用户的评论回复,点赞和踩)

   8.通过他人的个人主页可以查看他人的基本信息、文章发布数,对他人进行关注和取消关注、发起聊天等功能

   9.个人资料修改,基本信息、头像及密码的修改

    三、后台界面

   1.首页版块的内容展示编辑

   2.用户管理

   3.文章管理(文章审核、文章废弃)

   4.消息管理

   5.系统统计(我使用的51.la的统计)

   该blog系统从设计psd基础底稿,到网页中的html、css、jquery,到后台的数据处理,mysql表的构建都是自己一个人独立完成,其中用到的第三方js插件有hui中的layer.js(提示插件)、editor.js(富文本编辑器)、toucher.js(手机端滑动)、clipboard.min.js(文本复制)、cropper.js(图片裁剪上传),后台代码是基于thinkphp5.0来搭建的,jquery版本为2.0.1,目前已部署到个人网站中,查看地址为:http://blog.zhangheteng.com

blog's People

Contributors

983033995 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.