前言 在使用 jquery 可以定位到元素, input框也输入了值,但是用.val()无法获取到输入框的值。...问题描述 如下图是一个input输入框 通过id属性可以定位到元素,并且只有一个 $('#project_name') .val() 获取输入框的值却为空...解决办法 这种问题出现错误原因,有可能页面有2个一样的id,导致无法获取,很显然上面的情况不属于这种。...可以尝试先定位父级元素,再定位输入框组合定位解决 $('#toolbar #project_name').val()
jquery的datetimepicker时间控件除了样式有点不太美观,功能性还是相当强大的。...在正常情况下input的type应该设置为"text",可点击又可输入(mask,enterLikeTab 要在type="text"时使用);我个人选择时间时不太赞同支持输入,如果输入会有时间格式错误的出现...使用方法: 添加jquery.min.js、datetimepicker.main.js和datetimepicker.css到您的页面 在html中: 在js中: $('#datetimepicker...大大加速插件与大量的领域的工作 mask: false, // 使用输入掩码。真正的-自动生成一个字段的“格式”的面具,从0到9的数字,设置为值的最高可能的数字。...').datetimepicker({ onChangeMonth: function(dateText, inst) { console.log(dateText); } }); / 监听获取当前
整个系统采用Inspinia+ admin inspinia admin 最新版 bootstrap 完全响应式后台管理模板,采用扁平化设计。...使用Bootstrap 3+ Framework,HTML5和CSS3,等技术开发而成。 inspinia admin 包含大量的可重复使用的UI组件的集合,并与最新的jQuery插件集成。...在本微小项目应用的技术有flask、flask_sqlalchemy,flask_paginate,bootstrap、jquery,ajax,往小里说用到了sweetalert,jquery.metisMenu...整体页面功能说明 页面名称 页面功能 404.html 404错误页面 500.html 500错误页面 base.html base页面 home.html 主页面 login.html 登陆页面 userinfo.html.../jquery.metisMenu.js 导航栏插件 /static/js/plugins/slimscroll/jquery.slimscroll.min.js jQuery滚动条插件 /static
, 'index.html', {'data': data}) html使用 {{ }} 来获取数据 {{ data }} 接着在我们上次的工程中完善: 在view.py里面定义一个...List 方法 2 ---') for (var i = List.length - 1; i >= 0; i--) { // 鼠标右键,审核元素,选择 console 可以看到输入的值...中传递过来的参数值year值为:2019,month值为9 2、不带参数名:语法为:(r'pattern1/pattern2/'), pattern代表所要匹配的模式。...model_name对应url中传递过来的参数值app_name值为:crm,model_name值为customer 另外一个例子: index.html 在应用polls里创建templates文件夹...这样也可解决403错误问题 如使用表单提交可以在提交的表单中加入{% csrf_token %} 这样即可避免csrf权限问题
在html页面中引入下载好的插件文件(css,js) 具体操作----查看官方文档 ---- 一、bootstrap-multiselect插件 Bootstrap Multiselect是个jQuery...基础插件,提供一个很直观的用户界面,使用选项输入多个属性。...-- 引入datetimepicker插件的css文件 --> jquery.com/ui/1.11.4/themes...-- 引入datetimepicker插件的js文件 --> jquery.com/ui/1.11.4/jquery-ui.js ">中的模块? 答:使用‘import’,通过from '包名' import '模块名' 实现导入。 ---- 八、总结 ?
alert('未知错误,数据通信失败!')...首先是前端index.html其引入Jquery库,并使用Ajax与后端通信....import admin from django.urls import path from MyWeb import views urlpatterns = [ path('admin/'...Ajax中的FormData这个对象,来实现文件上传功能....设置框架大小 editor.setValue(""); // 给代码框赋值 editor.getValue(); // 获取代码框的值
的例子 上述匹配的结果是一个数组,但是不管匹配几次都只显示第一个 正则中的分组 全局匹配 没有分组的情况下,会依次从第一个开始取,获取到最后一个如果再次获取,就会获得null,然后再冲第一个开始 如果这个时候采用分组效果如下...,显示为红色 图标文字 @font-face 在使用的时候一个关键的地方: 在css样式的时候如果想要某个css样式优先级最高,例子如下: .c3{ border-radius...\Scripts目录下会有:django-admin.exe 下面通过命令创建一个简单的project ango-admin startproject 工程名 jango-admin startproject...os.path.join(BASE_DIR,'static'), ) css中给背景添加了灰色 从结果中也可以看出js和css都加载成功 获取用户的信息 views.py中的代码如下: from...-1.12.4.js"> 运行结果如下: 输入正确的用户名和密码提交,跳转到home页面 这里可以添加新的数据: 知识点整理: 创建Django工程 django-admin
使用runserver可以使我们的django项目很便捷的在本地运行起来,但这只能在局域网内访问,如果在生产环境部署django,就要多考虑一些问题了。...第一步:在django项目同级目录创建script目录,用于存放配置脚本等等 mkdir script 项目结构如下: mysite1/ ├── blog │ ├── admin.py │ ├...inactive参数时间内文件的最少使用次数 open_file_cache_min_uses 2; #指定是否在搜索一个文件是记录cache错误 open_file_cache_errors...: https://code.jquery.com/jquery-3.3.1.min.js 将jquery-3.3.1.min.js放到js目录 修改django相关文件 修改urls.py,增加路径...email) #定义字典 user = {'username':username,'password':password,'email':email} #追加到列表中
-views #业务代码 Django实现用户登录: 1.创建app名为cmdb(自定义随便起) 2.将medb名加入settings中的INSTALLED_APPS列表中...3.在urls文件中引入app下的views模块: from cmdb import views 4.在urlpatterns列表中加入路径与关联函数: path('login...login函数: def login(req): return render(req,'login01.html') 7.在settings中的TEMPLATES列表中的 'DIRS..., 10.访问127.0.0.1:8000来到登录界面,点提交时会报403错误 11.将settings文件中的MIDDLEWARE内的第四行暂时注释掉,就不会有403错误了 12...')#用get的方式获取键值,防止有空值报错 pwd=req.POST.get('pwd') if user=='root' and pwd=='123': return
"my_app/myexample.jpg" %}" alt="My image"/> 二、中间件 是一个轻量级、底层的插件系统,可以介入Django的请求和响应处理过程,修改Django的输入或输出...密码 2.在应用内admin.py文件完成注册,就可以在后台管理中维护模型的数据 from django.contrib import admin from models import * admin.site.register...对象 ModelAdmin类是模型在Admin界面中的表示形式 定义:定义一个类,继承于admin.ModelAdmin,注册模型时使用这个类 class HeroAdmin(admin.ModelAdmin...True actions_on_bottom = True list_display 出现列表中显示的字段 列表类型 在列表中,可以是字段名称,也可以是方法名称,但是方法名称默认不能排序 在方法中可以使用...Ajax 使用视图通过上下文向模板中传递数据,需要先加载完成模板的静态页面,再执行模型代码,生成最张的html,返回给浏览器,这个过程将页面与数据集成到了一起,扩展性差 改进方案:通过ajax的方式获取数据
---- 介绍 中间件顾名思义,是介于request与response处理之间的一道处理过程,相对比较轻量级,并且在全局上改变django的输入与输出。...2.当配置多个中间件时,会按照MIDDLEWARE中的注册顺序,也就是列表的索引值,从前到后依次执行的。...因为 Referer 值会记录下用户的访问来源,有些用户认为这样会侵犯到他们自己的隐私权,特别是有些组织担心 Referer 值会把组织内网中的某些信息泄露到外网中。...但是,在一个网站中,可以接受请求的地方非常多,要对于每一个请求都加上 token 是很麻烦的,并且很容易漏掉,通常使用的方法就是在每次页面加载时,使用 javascript 遍历整个 dom 树,对于...获取cookie:document.cookie 是一个字符串,可以自己用js切割,也可以用jquery的插件 获取cookie:$.cookie('csrftoken') 设置cookie:$.cookie
', ] 访问方式 访问方式有2种,GET和POST 在地址栏中,只有GET请求。...在form表单中,有GET和POST。它是根据method属性决定的!一般表单使用POST 再次访问url,输入表单信息,点击提交。 输出ok,表示正常。注意:这里还没有做登录认证,下面会讲到! ?...首先是用户在浏览器输入url:http://127.0.0.1:8000/login/ 2. django接收到请求之后,根据URL控制器匹配视图函数 3....如果没有响应,就会报错 在视图函数中,render是渲染的意思。那么它是如何工作的呢?...(文件字符串) else 找到 {{变量}},用render第三个参数中的对应值进行相应替换(如果没有找到对应值,{{变量}}替换为空) HttpResponse
再需要写静态文件,在static中写就了!...文件下的文件都可以通过路径来访问到,eg:127.0.0.1:8000/static/a.txt ps:如果Django主页面不能访问了,在urls.py文件中写一个默认的对应关系补充 静态文件配置及访问顺序...# 在获取用户多选或者提交的信息是多条,返回在一个列表内如何获取用户数据呢?...,获取到整个列表 文件对象如何获取??...,在表单中添加enctype参数,再提交就可以获取到文件对象 Django连接
django.urls import path from app01 import views urlpatterns = [ path("admin/", admin.site.urls)...,当然也可以像之前那样,先下载下来,保存到静态文件中,然后引入;页面通过 Ajax 请求,将输入框输入的数据通过 GET 请求发送到特定路由,发送 GET 请求比较容易,发送 POST 请求则还得解决...轮询的实现使用的 Ajax + setInterval 对于输入框的数据,使用 Ajax 在页面不刷新的情况下,将数据发给后台: function sendMessage(){ var text...urls.py 中,定义路径: path("send/msg", views.send_msg), 在视图函数中,接收到数据,存入数据库中(这里用列表代替数据库) DB = [] # 接收页面发送的数据...message").append(tag); }) } }) },2000) 这里每隔 2 s ,发送一次请求,能保证当 DB 列表有新值后
专栏持续更新中:MySQL详解 界面截图 功能清单 依赖清单 框架 Django Bootstrap jQuery 前端组件 菜单栏 metisMenu 主题 sb-admin-2 编辑器 ace...bootstrap-table 表格编辑 bootstrap-editable 下拉菜单 bootstrap-select 文件上传 bootstrap-fileinput 时间选择 bootstrap-datetimepicker...MongoDB/Phoenix/ODPS/ClickHouse,功能支持明细可查看功能清单 资源组:实例都需要关联资源组,才能被关联资源组的用户访问 实例标签:通过支持上线、支持查询的标签来控制实例是否在SQL...上线/查询中显示,要使用上线和查询的实例需要关联标签 添加资源组 资源组是一堆资源对象的集合,与用户关联后用来隔离资源访问权限,一般可以按照项目组划分 资源组关联用户/实例 用户必须关联资源组才能访问资源组内的实例资源...- 关联对象管理可以批量关联实例和用户 - 在添加用户和实例的时候也可以批量关联资源组 添加权限组 权限组是一堆权限的集合,类似于角色的概念,工作流的审批配置就是配置的权限组 - 权限组可以按照角色来创建
否则就去settings.py里面手动添加注册app INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth',...模态对话框里提交表单的页面增加一个按钮,然后在jQuery里绑定事件。下面只贴上修改的部分代码 获取了。使用serialize() 方法可以直接把form表单里的所有的name和对应的值一次获取到。 例子中还有个问题,就是还要提交一个uid,这个uid不在表单里。...这个id的其他关系都会清除,最后只有这个列表中的关系。相当于先清除在添加。这里没星号 上面没有获取的方法,获取的方法和之前获取数据的方法一样。...关联客户需要使用下拉列表,现在可以关联多个客户,所以要用复选的下拉列表(multiple),通过form提交到后台要获取值就需要用getlist来获取多个值。
,那就直接把原来的值拿出来 常见案例 CRM 中 ?...Javascript 操作比较繁琐,我们这里为了方便使用,直接上手 jQuery 的 ajax Ajax 最大的优点:在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。...(这一特点给用户的感觉是在不知不觉中完成请求和相应过程) 用 Ajax 做一个小案例 页面上有三个 input 框,在前两个 input 框中输入数字,点击按钮发送 ajax 请求,在不刷新页面的情况下...,在第三个框中自动填写两数之和 咱们这里是 jQuery 的 ajax,别忘了先引入 jQuery 准备工作 新建一个项目,完成基本配置 因为要用到 post 请求,所以先暂时把 settings...btn btn-primary" id="button1">计算 {# 1.为了能够获取到对应输入框和按钮以及输入框的值
实例化、处理和渲染表单 在Django 中渲染一个对象时,我们通常: 在视图中获得它(例如,从数据库中获取) 将它传递给模板的context 使用模板变量将它扩展为HTML 标记 除了几个关键点不同之外...验证给定的值在选项列表中存在。 错误信息的键:required, invalid_choice invalid_choice 错误消息可能包含%(value)s,它将被选择的选项替换掉。...验证给定值列表中的每个值都存在于选择列表中。...jQuery Django管理JavaScript使用jQuery库。 为了避免与用户提供的脚本或库冲突,Django的jQuery(版本2.2.3)命名为django.jQuery。 ...如果您想在自己的管理JavaScript中使用jQuery而不包含第二个副本,则可以使用更改列表上的django.jQuery对象和添加/编辑视图。
= 'zh-hans' TIME_ZONE = 'Asia/Shanghai' 使用管理工具 启动开发服务器,然后在浏览器中访问 http://127.0.0.1:8000/admin/,得到登陆界面...在 Python 中,我们可以用多种方法来实现单例模式: 使用模块 使用 __new__ 使用装饰器(decorator) 使用元类(metaclass) (1)使用 __new__ 为了使类只能出现一个实例...BlogAdmin(admin.ModelAdmin): #listdisplay设置要显示在列表中的字段(id字段是Django模型的默认主键) list_display...我们如何修改这个app的名称达到定制的要求呢,其实Django已经在文档里进行了说明。 从Django1.7以后不再使用app_label,修改app相关需要使用AppConfig。...,获取相关数据再列表中显示,效果如下: ?
复制之后,就是一个错误的数据!!!...但是jq22.com 提供的插件,有一个textarea输入框,我需要把它给去掉。 默认json格式化的数据中,key是没有带双引号的,我需要默认勾选它,因此要修改js代码。...三、嵌入到Django项目中 创建django项目 使用Pycharm创建一个Django项目,项目名为:json_view ?....com/jquery/jquery-1.10.2.js 放到对应的目录中 此时,目录结构如下: ./ ├── application │ ├── admin.py │ ├── apps.py... import admin from django.urls import path from application import views urlpatterns = [ path('admin