meta标签

Python2—0911笔记

北城余情 提交于 2019-11-29 09:39:47
09 modelform 10 反向生成url modelform models.py 代码 from django.db import models environment_choices = ( (1, '开发环境'), (2, '测试环境'), (3, '灰度环境'), (4, '压测环境'), (5, '生产环境'), ) ########权限相关 class Menu(models.Model): """菜单组""" name = models.CharField(max\_length=32,verbose\_name='菜单', blank=True, null=True) is\_menu=models.ForeignKey(to='Menu',null=True,blank=True,verbose\_name='母菜单') class Meta: verbose\_name\_plural = "菜单表" def \_\_str\_\_(self): return self.name class Group(models.Model): """权限组""" #主机 name = models.CharField(verbose\_name='组名称',max\_length=16, blank=True, null=True) menu = models

前端HTML

僤鯓⒐⒋嵵緔 提交于 2019-11-29 08:16:20
HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(('127.0.0.1',8080)) sk.listen(5) while 1: conn,addr = sk.accept() data = conn.recv(1024) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,按照规则写网页,浏览器根据规则渲染网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。不像python编程语言一样,有逻辑什么的,这个标记语言是没有逻辑的 HTML文档结构 最基本的HTML文档: <!DOCTYPE html>

jQuery

南楼画角 提交于 2019-11-29 08:15:03
jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫,并且可以根据自己需要去改写和封装插件

Vue 组件系统

烈酒焚心 提交于 2019-11-29 07:06:52
Vue 组件系统 vue.js既然是框架,那就不能只是简单的完成数据模板引擎的任务,它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具,vue.js组件系统。 每一个新技术的诞生,都是为了解决特定的问题。组件的出现就是为了解决页面布局等等一系列问题。vue中的组件分为两种,全局组件和局部组件。 一、全局组件的注册 通过Vue.component()创建一个全局组件之后,我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../statics/vue.min.js"></script> </head> <body> <div id="app"> <!--第二步,使用--> <global_component></global_component> </div> <script> // 第一步,注册 Vue.component("global_component", { template: ` <div> <h2>Hello Vue</h2> </div> ` }); new Vue({ el: "#app", }); <

HTML 基础

跟風遠走 提交于 2019-11-29 07:01:12
HTML 基础   一、HTML 的概念性知识 html是 htyper text markup lauguage 即超文本标记语言,超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素,而标记语言:即标记(标签)构成的语言。   网页相当于HTML文档,由浏览器解析(就像你写.py文件用pyCharm解析一样),用来展示的,静态网页即静态的资源,如xxx.html,动态网页是html代码是由某种开发语言根据用户请求动态生成的。 什么是标签:   1、是由一对尖括号包裹的单词构成 例如:<html>*所有标签中的单词不可能以数字开头.   2、标签不区分大小写.<html> 和 <HTML>. 推荐使用小写.   3、标签分为两部分:开始标签<a> 和 </a>. 两个标签之间的部分我们叫做标签体.   4、有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如:<br/> <hr/> <img/>   5、标签可以嵌套.但是不能交叉嵌套. 标签的属性:   1、通常是以键值对形式出现的.例如 name="haishiniu"   2、属性只能出现开始标签 或 自闭和标签中.   3、属性名字全部小写.*属性值必须使用双引号或单引号包裹 例如 name="haishiniu"   4、如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly

前端内容之CSS

夙愿已清 提交于 2019-11-29 06:46:53
一、打开css的三种方式 第一种: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种打开方式</title> <!--<link rel="stylesheet" href="mycss.css">--> </head> <body> <p> <b>下午好大宝贝儿</b> </p> </body> </html> 第二种: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种打开方式</title> <style> p { color: aquamarine; } </style> </head> <body> <p> <b>下午好大宝贝儿</b> </p> </body> </html> 第三种(不推荐使用): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种打开方式</title> </head> <body> <p style="color: bisque"> <b>下午好大宝贝儿</b> </p> </body> </html> 二、基本选择器 <!DOCTYPE html> <html

前端基础

北城余情 提交于 2019-11-29 06:23:55
什么是前端 任何与用户直接打交道的操作界面都可以称之为前端 Web服务的本质(浏览器,服务器) import socket ​ server = socket.socket() server.bind(('127.0.0.1', 8080)) server.listen(5) ​ while True: conn, addr = server.accept() data = conn.recv(1024) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 在浏览器中敲入网址发生几件事情? 1.浏览器向服务端发送请求2.服务端接收请求3.服务端返回相应的响应(结果)4.浏览器接收响应,根据特定的规则渲染页面展示给用户看 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTTP协议 <!-- 超文本传输协议(基于请求/响应模式的,无状态协议) 规定了浏览器与服务端之间消息传输的数据格式 1.客户端发送给服务器的格式叫“请求协议”; 2.服务器发送给客户端的格式叫“响应协议”。 web服务器即socket服务端,浏览器即socket客户端,这叫B/S架构

前端之JQuery

拜拜、爱过 提交于 2019-11-29 06:06:25
1.1 JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“    1.2 JQuery 内容 1. 选择器 2. 筛选器 3. 样式操作 4. 文本操作 5. 属性操作 6. 文档处理 7. 事件 8. 动画效果 9. 插件 10. each、data、Ajax 1.3 JQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象,那么它就可以使用jQuery里的方法:例如$(“#i1”).html()。 $("#i1").html()的意思是:获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。 这相当于:document.getElementById("i1").innerHTML; 虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法,同理 DOM对象也没不能使用 jQuery里的方法。 约定俗成,声明一个Jquery对象变量的时候在变量名前加上$。 var

前端--jQuery

£可爱£侵袭症+ 提交于 2019-11-29 06:03:34
jQuery介绍 1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less,do more”。 jQuery的优势 1.一款轻量级的JS框架。jQuery核心js文件才几十Kb,不会影响页面加载速度。 2.丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 3.链式表达式。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 4.事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 5.Ajax操作支持。jQuery基本兼容了现在主流的浏览器,不再为浏览器的兼容问题而伤透脑筋。 6.跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 7.插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件

前端基础之jQuery

泄露秘密 提交于 2019-11-29 06:03:22
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫