meta

示例代码 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < / head > < script src = "https://cdn.bootcss.com/jquery/3.4.1/jquery.js" > < / script > < script src = "https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js" > < / script > < body > < div id = "qrcode" style = "width:180px;text-align:center;margin:0 auto;" > < / div > < / body > < script > $ ( "#qrcode" ) . qrcode ( { width : 200 ,

< ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < / head > < body > < div id = "app" > { { message } } < / div > < / body > < script src = "../js/vue.js" > < / script > < script > const app = new Vue ( { el : '#app' , data : { message : 'Hello World!' } } ) < / script > < / html > 来源： CSDN 作者： 小小小菜鸡zzzz 链接： https://blog.csdn.net/ojb98K/article/details/104124993

< ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < / head > < body > < div id = "app" : style = "getStyles()" > { { message } } < / div > < / body > < script src = "../js/vue.js" > < / script > < script > const app = new Vue ( { el : '#app' , data : { message : 'Hello World!' , fontSize : 50 } , methods : { getStyles ( ) { return { fontSize : this . fontSize + 'px' } } } } ) < / script > < / html >

< ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < / head > < body > < div id = "app" : style = "[baseStyle1,baseStyle2]" > { { message } } < / div > < / body > < script src = "../js/vue.js" > < / script > < script > const app = new Vue ( { el : '#app' , data : { message : 'Hello World!' , baseStyle1 : { backgroundColor : 'red' } , baseStyle2 : { color : 'green' } } } ) < / script > < / html > 来源：

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插件做出来的效果很炫

通过一个内嵌类 "class Meta" 给你的 model 定义元数据, 类似下面这样: 1 2 3 4 5 class Foo(models.Model): bar = models.CharField(maxlength = 30 ) class Meta: # ... 　　 Model 元数据就是 "不是一个字段的任何数据" -- 比如排序选项, admin 选项等等. 下面是所有可能用到的 Meta 选项. 没有一个选项是必需的. 是否添加 class Meta 到你的 model 完全是可选的. app_label app_label这个选项只在一种情况下使用，就是你的模型类不在默认的应用程序包下的models.py文件中，这时候你需要指定你这个模型类是那个应用程序的。比如你在其他地方写了一个模型类，而这个模型类是属于myapp的，那么你这是需要指定为： app_label='myapp' db_table db_table是用于指定自定义数据库表名的。Django有一套默认的按照一定规则生成数据模型对应的数据库表名，如果你想使用自定义的表名，就通过这个属性指定，比如： table_name='my_owner_table' 若不提供该参数, Django 会使用 app_label + '_' + module_name 作为表的名字. 若你的表的名字是一个 SQL

ORM对应的类里面包含另一个Meta类，而Meta类封装了一些数据库的信息。 class UserInfo(models.Model): nid = models.AutoField(primary_key=True) username = models.CharField(max_length=32) class Meta: # 数据库中生成的表名称 默认 app名称 + 下划线 + 类名 db_table = "table_name" # 联合索引 index_together = [ ("pub_date", "deadline"), ] # 联合唯一索引 unique_together = (("driver", "restaurant"),) # admin中显示的表名称 verbose_name # verbose_name加s verbose_name_plural 通过一个内嵌类 "class Meta" 给你的 model 定义元数据, 类似下面这样: class Foo(models.Model): bar = models.CharField(maxlength=30) class Meta: # ... Model 元数据就是 "不是一个字段的任何数据" -- 比如排序选项, admin 选项等等. 下面是所有可能用到的 Meta 选项.

通过一个内嵌类 "class Meta" 给你的 model 定义元数据, 类似下面这样: class Foo(models.Model): bar = models.CharField(maxlength=30) class Meta: # ... Model 元数据就是 "不是一个字段的任何数据" -- 比如排序选项, admin 选项等等. 下面是所有可能用到的 Meta 选项. 没有一个选项是必需的. 是否添加 class Meta 到你的 model 完全是可选的 . app_label app_label这个选项只在一种情况下使用，就是你的模型类不在默认的应用程序包下的models.py文件中，这时候你需要指定你这个模型类是那个应用程序的。比如你在其他地方写了一个模型类，而这个模型类是属于myapp的，那么你这是需要指定为： app_label='myapp' db_table db_table是用于指定自定义数据库表名的。Django有一套默认的按照一定规则生成数据模型对应的数据库表名，如果你想使用自定义的表名，就通过这个属性指定，比如： table_name='my_owner_table' 若不提供该参数, Django 会使用 app_label + '_' + module_name 作为表的名字. 若你的表的名字是一个 SQL 保留字, 或包含 Python

Django model 中的 class Meta 详解 通过一个内嵌类 "class Meta" 给你的 model 定义元数据, 类似下面这样: class Foo(models.Model): bar = models.CharField(maxlength=30) class Meta: # ... Model 元数据就是 "不是一个字段的任何数据" -- 比如排序选项, admin 选项等等. 下面是所有可能用到的 Meta 选项. 没有一个选项是必需的. 是否添加 class Meta 到你的 model 完全是可选的. app_label app_label这个选项只在一种情况下使用，就是你的模型类不在默认的应用程序包下的models.py文件中，这时候你需要指定你这个模型类是那个应用程序的。比如你在其他地方写了一个模型类，而这个模型类是属于myapp的，那么你这是需要指定为： app_label='myapp' db_table db_table是用于指定自定义数据库表名的。Django有一套默认的按照一定规则生成数据模型对应的数据库表名，如果你想使用自定义的表名，就通过这个属性指定，比如： table_name='my_owner_table' 若不提供该参数, Django 会使用 app_label + '_' + module_name 作为表的名字.

模型的元数据Meta 模型的元数据，指的是“除了字段外的所有内容”，例如排序方式、数据库表名、人类可读的单数或者复数名等等。所有的这些都是非必须的，甚至元数据本身对模型也是非必须的。但是，我要说但是，有些元数据选项能给予你极大的帮助，在实际使用中具有重要的作用，是实际应用的‘必须’。 想在模型中增加元数据，方法很简单，在模型类中添加一个子类，名字是固定的 Meta ，然后在这个Meta类下面增加各种元数据选项或者说设置项。参考下面的例子： from django.db import models class Ox(models.Model): horn_length = models.IntegerField() class Meta: # 注意，是模型的子类，要缩进！ ordering = ["horn_length"] verbose_name_plural = "oxen" 上面的例子中，我们为模型Ox增加了两个元数据‘ordering’和‘verbose_name_plural’，分别表示排序和复数名，下面我们会详细介绍有哪些可用的元数据选项。 强调：每个模型都可以有自己的元数据类，每个元数据类也只对自己所在模型起作用。 abstract 如果 abstract=True ，那么模型会被认为是一个抽象模型。抽象模型本身不实际生成数据库表，而是作为其它模型的父类，被继承使用