项目实战
项目实战
唯美清泠
这个作者很懒,什么都没留下…
展开
-
分页
文章目录个人分页html代码如何使用个人分页class Pagination(object): def __init__(self, request,current_page_num, all_count, per_page_num=10, pager_count=11): """ 个人分页器 1.1版本 查询字符串获取page参数 ...原创 2019-12-12 23:27:05 · 154 阅读 · 0 评论 -
前后端项目环境说明
前端开发环境配置nvm安装:nvm(Node Version Manager)是一个用来管理node版本的工具.我们之所以需要node,是因为我们需要使用node中的npm(Node Package Manager),使用npm的目的是为了能够方便的管理一些前端开发的包!nvm的安装非常简单,步骤如下:1.Windox系统到这个链接下载nvm的安装包:https://github.com/c...原创 2019-08-11 23:13:35 · 575 阅读 · 0 评论 -
Sass语法
Sass语法众所周知,css不是一门编程语言。他没法像js和python那样拥有逻辑处理的能力,甚至导入其他的css文件中的样式都做不到。而Sass就是为了解决css的这些问题。他它允许你使用变量、嵌套规则、 mixins、导入等众多功能,并且完全兼容css语法。Sass文件不能直接被网页所识别,写完Sass后,还需要专门的工具转化为css才能使用。Sass文件的后缀名:Sass文件有两种后...原创 2019-08-13 19:35:29 · 235 阅读 · 0 评论 -
gulp自动化开发
前端项目搭建前端我们使用gulp来自动化开发流程.配置好gulp后,可以自动给我们处理好一些工作.比如写完css后,要压缩成.min.css,写完js后,要做混淆和压缩,图片压缩等.这些工作都可以让gulp帮我们完成.安装gulp1.创建本地包管理环境:使用npm init命令在本地生成一个package.json文件,package.json是用来记录你当前这个项目依赖了哪些包,以后别人...原创 2019-08-11 23:17:18 · 306 阅读 · 0 评论 -
项目gulp代码
var gulp = require("gulp");var cssnano = require("gulp-cssnano");var rename = require("gulp-rename");var uglify = require("gulp-uglify");var concat = require("gulp-concat");var imagemin = requi...原创 2019-08-13 23:16:16 · 139 阅读 · 0 评论 -
轮播图的实现
轮播图轮播图原理图首先有2个盒子,一个轮播盒子,一个大盒子。大盒子每次前进的长度等于轮播盒子的宽度如图所示原创 2019-11-14 18:53:17 · 615 阅读 · 0 评论 -
flex布局
flex布局简介:概念:CSS3弹性盒子(Flexible Box或 Flexbox),是一种用于在页面上布置元素的布局模式,使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时,元素可预测地运行。对于许多应用程序,弹性盒子模型提供了对块模型的改进,因为它不使用浮动,flex容器的边缘也不会与其内容的边缘折叠。兼容性:参考https://developer.mozilla.org/zh-...原创 2019-08-13 23:14:41 · 80 阅读 · 0 评论 -
模态对话框版本登录注册页面
模态对话框版本的登录注册页面,收藏。<button id="btn">登录/注册</button><div class="mask-wrapper"> <div class="auth-wrapper"> <div class="close-wrapper"> <span cla...原创 2019-12-02 00:07:38 · 490 阅读 · 0 评论 -
Django配置工作
文章目录配置好数据库配置好模板文件路径配置好静态文件的路径配置好时区配置好模板的static标签配置好数据库配置数据库需要手动创建相对应名字的数据库,因为Django不会帮你创建数据库。DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'xfz', ...原创 2019-12-02 13:11:34 · 75 阅读 · 0 评论 -
自定义User模型
关于用户系统:1.使用django内置的User系统2.需要重新定制3.前后台使用的是同一个User系统自定义User模型1.创建一个app,用来管理用户系统2.全部重写,继承自AbstractBaseUser3.定义UserManager4.设置AUTH_USER_MODEL5.映射到数据库中from django.contrib.auth.models import Abs...原创 2019-12-02 13:21:05 · 391 阅读 · 0 评论 -
自定义发布时间过滤器
自定义发布时间过滤器要想自定义过滤器,首先创建一个文件夹,名字必须是templatetagsfrom django import templatefrom datetime import datetime# 获取当前清醒的时间from django.utils.timezone import now as now_funcregister = template.Library()...原创 2019-08-13 23:16:56 · 87 阅读 · 0 评论 -
图形验证码
项目用到的图形验证码需要安装Pillow pip install Pillow需要自己准备ttf的字体# -*- coding: utf-8 -*-import random# pip install Pillow# Image:是一个画板(context),ImageDraw:是一个画笔, ImageFont:画笔的字体from PIL import Image,ImageD...原创 2019-12-03 16:15:18 · 338 阅读 · 0 评论 -
短信验证码
短信验证码用的是阿里云的,目录结构如下:其中aliyunsdkdysmsapi是在官方下载的 https://help.aliyun.com/document_detail/55359.htmlaliyun.py# -*- coding: utf-8 -*-import sysfrom utils.aliyunsdk.aliyunsdkdysmsapi.request.v2017052...原创 2019-12-03 20:21:33 · 393 阅读 · 1 评论 -
Django文件上传
文章目录文件上传form表单形式的文件上传ajax形式的文件上传指定MEDIA_ROOT和MEDIA_URL文件上传文件上传是网站开发中非常常见的功能。这里详细讲述如何在Django中实现文件的上传功能。form表单形式的文件上传前端代码部分:在前端中,我们需要填入一个form标签,然后在这个form标签中指定enctype="multipart/form-data",不然就不能上传文...原创 2019-12-06 16:33:38 · 167 阅读 · 0 评论 -
基于ajax的图片上传
基于ajax的图片上传前端代码<!--HTML部分--><div class="form-group"> <label for="thumbnail-form">缩略图</label> <div class="input-group"> <input type="text" class="for...原创 2019-08-13 23:18:45 · 146 阅读 · 0 评论 -
七牛云存储
文章目录介绍后端部分前端部分介绍七牛云存储是一个集图片、视频对象存储为一体的网站。并且他上面集成了cdn加速服务,图片处理(加水印,图片裁剪)等功能,对于一些想要快速开发产品,不想花大量时间来构建自己资源服务器的中小型公司而言,无疑是最好的选择。后端部分通过pip install qiniu即可下载七牛云的SDK创建一个获取token的url# 七牛云获取tokenimport ...原创 2019-12-06 22:48:12 · 200 阅读 · 0 评论 -
富文本编辑器UEditor
富文本编辑器UEditorUEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。python后端代码urls.py部分:# 创建一个名为ueditor的app,然后在settings里将app注册进去,from django.urls import pathfrom . im...原创 2019-08-13 23:17:24 · 277 阅读 · 0 评论