本文将详细介绍如何使用Django、RestFul API和Bootstrap实现一个可折叠的多级菜单功能,并在菜单末端节点上添加复选框,点击按钮时获取这些节点的ID并查询其内容。...这篇教程将涵盖后端的API设计、前端的实现以及如何整合两者,以实现所需的功能。...创建Django项目和应用如果还没有创建Django项目,可以使用以下命令创建:django-admin startproject myprojectcd myprojectpython manage.py...接下来,我们将实现前端部分。三、前端实现前端部分将使用Bootstrap和jQuery来创建可折叠的多级菜单,并在末端节点添加复选框,点击按钮时获取这些节点的ID并查询其内容。1....Django、RestFul API和Bootstrap的多级菜单功能,并且在菜单末端节点上添加了复选框,点击按钮时可以获取选中的节点ID,并查询其内容。
django-bootstrap-form, star:485 - 将 Twitter Bootstrap 使用到 Django 表单中。...django-bootstrap3, star:1731 - 以 Django 的方式,在 Django 模板中使用 Bootstrap。...表单 API 和功能与 Django 的完全相同,主要的不同在同它的表单项和表单组件是在模板中呈现的,而不是使用字符串处理完成,因此它能让你在使用 Django 模板中完成控制输出的结果。...django-stored-messages, star:71 - 将 Django 消息保存到你的项目后端。...网站 Django Girls Tutorial - 一篇有趣并且吸引人的教程,显示了如何使用 Django 创建一个 blog 并部署到 Heroku。
接下 来,你学习了如何实现用户账户。你让老用户能够登录和注销,并学习了如何使用Django提供的 表单UserCreationForm让用户能够创建新账户。...然后,你通过使用外键将数据关联到特定用户,还学习了如何执行要求指定默 认数据的数据库迁移。 最后,你学习了如何修改视图函数,让用户只能看到属于他的数据。...你使用方法filter()来 获取合适的数据,并学习了如何将请求的数据的所有者同当前登录的用户进行比较。 该让哪些数据可随便访问,该对哪些数据进行保护呢?...在本节中,我将简要地介绍应用程序django-bootstrap3,并演示如何将其继承到项目中,为 部署项目做好准备。...20.1.1 应用程序 django-bootstrap3 我们将使用django-bootstrap3来将Bootstrap继承到项目中。
/default/easyui.css" 6.将中的srcl路径,也改为本地的。...jQueryUI: 用法与EasyUI一样,由于集成度低,并没有得到广泛使用。 BootStrap: 最流行的组件,拥有很多模板。 1.响应式:基于@media 4.到BootStrap官网找到对应版本的示例,挑选需要功能赋值代码即可使用。...-views #业务代码 Django实现用户登录: 1.创建app名为cmdb(自定义随便起) 2.将medb名加入settings中的INSTALLED_APPS列表中 3....{{i}} {{%endfor%}} ----if else 可以与for循环配合使用
// data形参用来接收异步提交的结果 // 将后端计算好的结果 通过DOM操作 渲染到第三个input矿中 $('#i3').val(data)...{# alert(data) #} // 将后端计算好的结果 通过DOM操作 渲染到第三个input矿中 $('#i3').val...(data) } }) }) 序列化组件 前后端分离的知识点 模拟前后端分离,给前端传递一个 json 格式的大字典 from django.core import serializers...current_page* per_page_num 10000 10 1000 10001 10 1001 """ 可以用 内置函数 divmod(101, 10) --> 10 1 来计算页数 在后端用循环来渲染...html 标签(前端做不了) 页码的边界判断 使用最终版的实现分页器 一般第三方通用的文件都会新建一个 utils 文件夹,然后把 python 代码 放到里面 后端 创建文件夹与文件,把分页代码放进去
将数据集分解为训练集,可以帮助我们了解模型,这对于模型如何推广到新的看不见数据非常重要。如果模型过度拟合可能无法很好地概括新的看不见的数据。因此也无法做出良好的预测。...这样将在每组不同的分区上训练模型。 最后,将最终获得K个不同的模型,后面推理预测时使用集成的方法将这些模型一同使用。...优点: 通过平均模型预测,可以提高从相同分布中提取的未见数据的模型性能 这是一种广泛使用的来获取良好的生产模型的方法 可以使用不同的集成技术可以为数据集中的每个数据创建预测,并且利用这些预测进行模型的改善...问题: 如果有不平衡的数据集,请使用Stratified-kFold 如果在所有数据集上重新训练一个模型,那么就不能将其性能与使用k-Fold进行训练的任何模型进行比较。...Stratified-kFold创建的每个折中分类的比率都与原始数据集相同 这个想法类似于K折的交叉验证,但是每个折叠的比率与原始数据集相同。 每种分折中都可以保留类之间的初始比率。
来源:DeepHub IMBA本文约1000字,建议阅读5分钟本文中整理出一些常见的数据拆分策略。 将数据集分解为训练集,可以帮助我们了解模型,这对于模型如何推广到新的看不见数据非常重要。...这样将在每组不同的分区上训练模型。 最后,将最终获得K个不同的模型,后面推理预测时使用集成的方法将这些模型一同使用。...优点: 通过平均模型预测,可以提高从相同分布中提取的未见数据的模型性能 这是一种广泛使用的来获取良好的生产模型的方法 可以使用不同的集成技术可以为数据集中的每个数据创建预测,并且利用这些预测进行模型的改善...问题: 如果有不平衡的数据集,请使用Stratified-kFold 如果在所有数据集上重新训练一个模型,那么就不能将其性能与使用k-Fold进行训练的任何模型进行比较。...Bootstrap=交替抽样,这个我们在以前的文章中有详细的介绍。 什么时候使用他呢?bootstrap和Subsamlping只能在评估度量误差的标准误差较大的情况下使用。
集成框架与生态有Huggingface、Langchain和FastChat,我们使用的评测平台是C-Eval。...下图列出了Web应用程序设计框架的调研结果,选择了四个主流的应用框架及其各自特点和优缺点。考虑到项目特点及未来可扩展性,最终选择了Django+Bootstrap前后端结合的实践方案。...在交互式系统功能与页面设计过程中,我们首先确定了系统的核心功能及功能下的架构层次,然后对用户页面与交互流程设计层次进行了比较详细的设计,为后续的工作做好了充分的准备。...之后是大语言模型的选择与集成,我们大模型的选型原则主要考虑性能、中文支持度、参数大小、开源程度和可扩展性,根据以上五点我们最终的选型结果是ChatGLM2-6b,集成框架是Langchain。...因此前端我们使用了Django进行搭建,基于JavaScript脚本进行前后端交互,可以在不重新加载整个页面的前提下更新部分网页。
动态页面: 数据是实时获取的 比如后端获取当前时间展示到前端,从数据库获取数据展示到前端等 推导版本(django) 首先创建web框架 import socket...['',func] if current_path == url_list[0]: func = url_list[1] # 结束for循环了...,传递给前端页面,页面上可以通过某些方法,使用到后端传递过来的数据 推导思路 1.纯手写 2.借助wsgiref帮我实现socket这块 3.先拆分成不同文件 模块渲染由自己的字符串替换变成第三方模块...c:模板渲染 django:a:用的别人的wsgiref b:自己写的 c:自己写的 flask:a:用的别人的werkzeug b:自己写的 c:用的别人的jinja2 tornado:都是自己写的...项目名下 setttings.py django项目的配置文件 urls.py 路由与视图函数的映射关系 ?
安装paramiko模块 pip3 install paramiko 编辑 settings.py 将Channels库添加到已安装的应用程序列表中。...一旦启用,通道就会将自己集成到Django中,并控制runserver命令。 启动channel layer 信道层是一种通信系统。它允许多个消费者实例彼此交谈,以及与Django的其他部分交谈。...通道层提供以下抽象: 通道是一个可以将邮件发送到的邮箱。每个频道都有一个名称。任何拥有频道名称的人都可以向频道发送消息。 一组是一组相关的通道。一个组有一个名称。...这里为了方便部署,直接使用内存作为后备存储的通道层。有条件的话,可以使用redis存储。...-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/<em>bootstrap</em>
: 网址的匹配问题 网址多匹配如何解决 功能复杂代码块如何解决,放在一个文件结构不清晰 '''服务端''' from wsgiref.simple_server import make_server...不需要实时变化的,数据写死·· 动态网页:数据来源于后端(代码、数据库),数据实时变化等特点 示例一:将时间同步到html页面 '''服务端''' from wsgiref.simple_server...# 匹配成功将url对应的函数名赋值给func func = url[1] break # 结束当前循环 # 判断一下func是否有值...,在这里只使用jinjia2模块来写我们的模板语法 需求:将后端字典展示到HTML页面上 '''服务端和上面一样''' '''urls.py''' from views import * urls...# 匹配成功将url对应的函数名赋值给func func = url[1] break # 结束当前循环 # 判断一下
4.用户界面简洁直观,简单易用,上手很快,由全球最大同×××友平台github推出,完全免费开源,支持多平台,PS:还有各种意想不到的酷炫功能,自己去探索吧;由于集成了许多功能,安装的时候相对臃肿,轻便性有待提高...8、diy自己的权限系统 9、Django-ajax,,跨站请求伪造,jQuery-serizlize的用法...(2)会使用Linux常用工具 (3)熟练使用Docker的基本命令 (4)建立Python开发环境,并使用print输出 (5)使用Python完成字符串的各种操作 (6)使用Python...3、Python全栈式WEB工程师 WEB后端软件工程师2.WEB前端软件工程师 掌握技能 (1)能够独立完成后端软件开发,深入理解Python开发后端的精髓。...(2)能够独立完成前端软件的开发,并和后端结合,熟练掌握使用Python进行全站WEB开发的技巧。
下面说一下做这个程序的具体历程,一方面是自己的总结,一方面是与大家探讨如何使用自己掌握的技术解决自己的难题 分析需求 做一个程序前,我们首先要思考的问题是,这个程序是要解决什么问题,如果问题过于大,耗费时间长...开始分析需求, 首先,要做到功能通用我们必须提供一个输入博客首页的地方,输入博客地址,点击开始按钮,将地址发送给后端,后端根据地址,获取页面,并进行获取所有博客所有文字的地址,文章的标题。...后端获取后,将数据格式化,并返回前端,前端使用数据,展示到用户页面上。软件的第一此迭代需求做到这一步就行了。文章的阅读数,点赞数,收藏数,文章的具体内容,这些暂时不做。 那么这个需求的难题在哪里那?...获取一个http路径中的html源码,使用总页数控制循环调用函数,并将当前页码拼接到请求的url上。...需要考虑的问题是,每次发送请求最好有一个时间间隔,另外就是循环调用异步函数后的回调函数的处理.所幸这些问题都能使用async得到解决。
,放置到 static 文件夹中,方便我们以后使用离线文件可以自己去官网下载,也可以拿我这里已经下载好的,我将其放在网盘中,需要可自行下载,其中包含: js、bootstrap、font-awesome...static 文件夹,然后再创建一个 plugin 文件夹,用于存放工具类文件,然后将下载好的 js、bootstrap、font-awesome 放置到 static 文件夹中,结构如下图 [20200811100315956...,但是,对于添加 form-control 属性,之后的代码中其他字段都要用到,每次使用for 循环添加很显然有些赘余,我们可以将其封装在一个类中,这样,需要添加样式的时候直接继承这个类就可以了。...// 找到输入框的ID,根据ID获取值,如何找到手机号的ID?...// 找到输入框的ID,根据ID获取值,如何找到手机号的ID?
所以这节我们讲如何注册用户。 还记得我们之前在登陆页面 做的那个 注册账号的超链接么? 我们现在要想想,用户点击注册账号后,要实现个什么效果?...直接使用用户在登陆界面输入的用户名/密码,进入后台完成注册,给用户弹窗提示注册成功! 弹出一个弹层,上面有用户名/密码输入框和注册按钮。...所以django是默认放行的。那么要如何避免这种钻空子的状况呢? 答案很简单,首先我们要给home()函数 加上django自带的登陆态检查装饰符login_required !...然后我们再 去修改login函数中成功登陆的分支,给他加上: 如果用户一但登陆成功,就调用django的真正登陆函数auth.login。...登陆成功就可以继续使用,失败则永远停留在login.html中,一点空子都不让钻。 好了,今天分享到这里了。把这个链接 发送给你的同事,让他们试着创建账号 登陆吧?
今天讲讲如何在Django中使用 Part 1:使用场景介绍 ?...在前端显示一个柱状图 柱状图的主体是在Django中完成的 前端效果 ? Part 2:前端代码 ? <link rel="stylesheet" type="text/css" href="{% static '<em>bootstrap</em>/css/<em>bootstrap</em>.css...在head内新增一段代码{{ script |safe }} 在body内新增一段代码{{ graph |safe }},注意放置<em>的</em>位置 Part 4:<em>后端</em>代码 ?...注意导入figure,CDN,components <em>Django</em>从<em>后端</em>传给前端两个参数script,graph 其中script对应一段js代码,graph对应一段html代码 关于<em>如何</em>控制图片在前端显示<em>的</em>位置大小
:3.6.0 本系列介绍如何搭建一个网站,后端使用django框架 今天开始介绍一个单独的项目app,关于学生成绩管理的网站的搭建 主要功能包括:学习成绩查询,数据统计分析 涉及前端模块:Datatables...网页代码的实现可以分为3个部分:前端、后端、数据库(app中的models.py) Part 3:代码实现-后端 ? 1. 后端整体分为url,view两个部分 2....二级url,代码写在对应app的urls.py文件中 from django.urls import re_path, path from .views import * app_name = "school_grades...以上代码就是返回一个网址,并传递了一些初始化参数,这些参数是从数据库中获取的 以上代码涉及到Django中几点知识 get/post请求 数据库ORM操作 Django的模板语法 Part 5:代码实现...前端中使用了两个JS模块,JQuery和Bootstrap JQuery用来对页面html元素进行操作,实现与后端进行信息交互 Bootstrap用来页面可视化显示、如页面布局,样式等 Part 7:代码实现
8、diy自己的权限系统 9、Django-ajax,,跨站请求伪造,jQuery-serizlize的用法 10、文件上传...(2)会使用Linux常用工具 (3)熟练使用Docker的基本命令 (4)建立Python开发环境,并使用print输出 (5)使用Python完成字符串的各种操作 (6)使用Python re模块进行程序设计...,表,并进行基本数据库操作 (3)掌握非关系数据库MongoDB的使用,掌握Redis开发。...3、Python全栈式WEB工程师 WEB后端软件工程师2.WEB前端软件工程师 掌握技能 (1)能够独立完成后端软件开发,深入理解Python开发后端的精髓。...(2)能够独立完成前端软件的开发,并和后端结合,熟练掌握使用Python进行全站WEB开发的技巧。
比如我之前快速迭代的一个个人知识库,至少目前来说先解放了自己,能实现一些基本的功能,然后逐步深入,自己一边做产品经理,一边做开发人员,对于需求如何实现和规划,脑子里就有了一个基本的思路。...之前简单配置的知识库的截图如下,还算凑合吧,不算太丑。 ? 当然如果想实现一些看起来略好一些的界面,有两个捷径。一个是使用Django Suit,另外一个是配置Bootstrap....昨天在ACOUG的分享中我简单提了一个概念,那就是把现在的技术方向分为上中下三层,最下层是数据库,系统,网络等基础设施部分,类似saas层,中间的层面是一些业务系统的逻辑实现,算是程序中的后端,服务器端...我的理解,以前的技术方向,更重视后端,更关注底层和应用的架构扥服务器端技术。就好比下面的鼓一样,对于前端来说是不够重视的,或者关注度还是有限,因为很多的人印象中,美化的部分都是美工做的事情。...观点就是这个,我们来看看bootstrap的一个基本的改进,如果要细化的改进,那应该会有很多的工作需要确认或者细化。
领取专属 10元无门槛券
手把手带您无忧上云