项目流程: 1. 产品需求 (1)基于用户认证组件和Ajax实现登陆验证(图片验证码) (2)基于forms组件和Ajax实现注册功能 (3)设计系统首页(文章列表渲染) (4)设计个人站点页面 (5)文章详情页 (6)实现文章点赞功能 (7)实现文章的评论 --- 文章的评论 --- 评论的评论 (8)富文本编辑框的防止xss攻击 2. 设计表结构 3. 按照每个功能进行开发 4. 功能测试 5. 项目部署上线 所需知识点: 1. JQuery 获取input标签中的文件对象:$("#avat…

本文将BBS+Blog项目开发中所需要的细节知识点进行补充,其中内容包括KindEditor编辑器的使用,BeautifulSoup 模块及其防XSS攻击,Django中admin管理工具的使用,media配置之MEDIA_ROOT,FBV和CBV之间的关系,Django模块之Meta选项详解,HTML中submit和button的区别等七大内容. 一:KindEditor编辑器的使用 富文本编辑器,Rich Text Editor,简称RTE,是一种可内嵌于浏览器,所见即所得的文本编辑器. 富…

这篇博客主要完成一个BBS+Blog项目,那么主要是模仿博客园的博客思路,使用Django框架进行练习. 准备:项目需求分析 在做一个项目的时候,我们首先做的就是谈清楚项目需求,功能需求,然后才开始写,要是没有和产品经理聊清楚需求,到时候改的话就非常非常麻烦. 那此次写项目的话,我会严格按着此次写的项目流程完成项目.那下面就是此次的项目流程. 1,项目流程 1.1,功能需求分析(和产品经理聊清楚需求) 1,基于用户认证组件和AJAX实现登录验证(图片验证码) 2,基于AJAX 和Forms组件实…

本文学习如何通过Django使用Bootstrap.其实在之前好几个Django项目中已经尝试使用过了Bootstrap,而且都留有学习记录,我已经大概有了一个大的框架,那么本文就从头再走一遍流程,其实主要细节还是Bootstrap的常用的语法使用.除了基本流程,本文基于BBS+Blog项目进行学习,主要是完成其项目的模板的功能,顺带学习一下Bootstrap的内容. 我使用的Python版本为3.X,Bootstrap版本为3.3.31,Django版本为2.0. 模板语法不懂的可以参考博客:…

本文主要学习验证码功能的实现,为了项目BBS+Blog项目打下基础. 为了防止机器人频繁登陆网站或者破坏分子恶意登陆,很多用户登录和注册系统都提供了图形验证码功能. 验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序.可以防止恶意破解密码.刷票.论坛灌水,有效防止某个黑客对某一个特定…

01-博客系统之功能需求 02-博客系统之表结构设计1 03-博客系统之表结构设计2 04-博客系统之表结构设计3 05-博客系统之表结构设计4 06-博客系统之表机构设计5 07-博客系统之创建系统与迁移表 08-博客系统之登录页面设计 09-博客系统之验证码图片的生成1 10-博客系统之验证码图片的生成2 11-博客系统之验证码图片的噪点燥线 12-博客系统之验证码刷新 13-博客系统之保存验证码字符串 14-博客系统之登录验证 15-博客系统之登录验证代码优化 16-博客系统之滑动验证码作…

项目目录结构: cnblog/ |-- blog/(APP) |-- migrations(其中文件略) |-- templatetags/ |-- my_tags.py |-- utils/ |-- myForms.py |-- validCode.py |-- admin.py |-- apps.py |-- models.py |-- test.py |-- views.py |-- cnblog/ |-- settings.py |-- urls.py |-- wsgi.py |-- m…

BBS+Blog项目开发 目前本项目已经上线,可以直接在GEEK浏览本项目效果:GEEK 1.项目需求 基于ajax和用户认证组件实现登录验证 基于ajax和form组件实现注册功能 系统首页文章列表的渲染 个人站点页面设计 文章详细页的继承 点赞与踩灭 评论功能 富文本编辑器的使用 防止xss攻击 2.项目详情 2.1 数据库设计 核心代码: 1.继承AbstractUser 2.中介模型 3.联合唯一             from django.db import models ​ #…

数据库操作部分 当我们在Django项目中的models.py下写好创建表的代码后.为了创建好这些数据库表,我们再一次请出我的工程管理助手 manage.py.激活虚拟环境,切换到 manage.py 文件所在的目录下,分别运行 python manage.py makemigrations 和 python manage.py migrate 命令: F:\myblog>python manage.py makemigrations Migrations for 'blog': blog\mi…

项目流程 1.下载 cdn 2.引包 vue-router依赖vue vue-router.js 3.如果是模块化机制 Vue.use(vue-router) 4.创建示例 let Home = {/*....*/} const router = new VueRouter({ //5.配置路由信息 routes:[ { path:'/', redirect:'/home' }, { path:'/home', name:'Home', component:Home } ] }) new Vue…