最近把去年写的一个烂尾博客(使用了django1.11和element ui)又重新完善了一下,修改了样式和增加了新功能 github链接:https://github.com/ngauerh/Naga/,欢迎大家star和issues media/avatar:存放个人简介头像 media/ckeditor_images: 存放文章中的图片 icon: 存放网站的图标 tu: 存放个人推广的素材 自我简介可以添加头像和常用的社交网站链接, 后台可以在推广素材栏添加自己的推广广告, 网站信息可以

一. Elment UI 1. 简介 Element UI是饿了么团队提供的一套基于Vue2.0的组件库,可以快速搭建网站,提高开发效率,就如同bootstrap. 2.组件分类 ElementUI  适用于PC端 MintUI 适用于手机移动端 3.官网 http://element.eleme.io/ 二.快速上手 1. 安装elment ui cnpm install element-ui -S 2. 在main.js中引入并使用组件(全局引入) 1.import ElementUI fr

搜索分页技术往往和另一个术语Lazy Loading(懒加载)联系起来.今天由Jerry首先介绍S/4HANA,CRM Fiori和S4CRM应用里的UI搜索分页的实现原理.后半部分由SAP成都研究院菜园子小哥王聪向您介绍Twitter的懒加载实现. 关于王聪的背景介绍,您可以参考他的前一篇文章:SAP成都研究院非典型程序猿,菜园子小哥:当我用UI5诊断工具时我用些什么. S/4HANA Fiori应用搜索分页实现原理 以S/4HANA Product Master Fiori应用为例,如果什么

这次的代码为Django之组合搜索组件(一)的改版,实现的结果和(一)相同,不同的是,这次运用simple_tag方式,使.html程序简化 所以现在就开始编程吧! 首先想使用simple_tag方法,那就先对simple_tag进行配置 a.通过python manage.py startapp app01(app的名字)创建一个app,然后再app的子目录下创建templatetags文件夹,一定是templatetags文件夹,其他名称的文件夹没有用,然后再该文件夹下创建.py文件,在该文

Elment Ui 日期选择器 格式化问题 在前后端联调过程中 我们常常会遇到日期无法被反序列化 这个问题 会有点头疼 下面以我这边为例 后端使用的是springboot 默认集成了jackjson 可以配置 就能实现序列化时间啦 .HttpMessageNotReadableException: JSON parse error: Cannot deserialize value of type `java.time.LocalDateTime` from String "2022-06-17

SpringBoot 整合文件上传 elment Ui 上传组件 本文章记录 自己学习使用 侵权必删! 前端代码 博主最近在学 elment Ui 所以 前端使用 elmentUi 的 upload 组件实现 因为 elmentui 是基于 vue 的环境 使用的 所以我们 得引用 vue 的 js 文件 引入 elmentUi 的 css 和 js 我们采用官网的这种 cdn 的方式 本地的引入的方式 容易导致elementUI与 vue 版本不匹配 出现Vue warn]: Injectio

一.实现方法 1.纯模板语言实现 2.自定义simpletag实现(本质是简化了纯模板语言的判断) 二.基本原理 原理都是通过django路由系统,匹配url筛选条件,将筛选条件作为数据库查询结果,返回给前端. 例如:路由系统中的url格式是这样: url(r'^article-(?P<article_type_id>\d+)-(?P<category_id>\d+).html',views.filter) 其中article_type_id和category_id和数据库中字段是

本节涉及: 1.Q搜索在前后端的设计 2.Django中Queryset对象的序列化(由后端扔给前端的数据必然会经过序列化) 3.前端动态地构造表格以便显示(动态创建DOM对象) 思路: 用户通过前端查询数据库内容时,可添加多个搜索框,一个搜索框内可以输入多个条件.同一搜索框内的条件是或OR关系,不同搜索框间是与AND关系.如搜索图书,每条图书信息包括名称.页数.印刷日期.类型,在一个搜索框内可选择搜索书名,以中文逗号分隔即可以书名同时搜索多本图书,同一搜索框内就是OR关系.又可以再添加输入框,

一.组合搜索 二.jsonp 三.xss过滤 一.组合搜索 首先,我们在做一个门户网站的时候,前端肯定是要进行搜索的,但是如果搜索的类型比较多的话,怎么做才能一目了然的,这样就引出了组合搜索的这个案例. urls.py from django.conf.urls import url from . import views urlpatterns = [ url(r'^index.html/$',views.index), url(r'^article/(?P<article_type>\d+

需求分析 很多电商网站中有组合搜索的功能,所谓组合搜索就是网页中组合多个条件,对数据库中进行查询,并且将结果显示在页面中,看个例子吧: 注意红框中的标识,我们可以根据URL来做组合搜索. video-3-1-1.html 使用split可以将三个数字取到, 第一位数字: 分类 第二位数字: 课程名称 第三位数字: 级别 分析到这里,我们就可以进行下一步了. Code分析 urls.py 首先,如果想把url按我们的需求取出来,我们可以在urls.py中设置: from app01 import

django自带了Pagnator 导入 from django.core.paginator import Paginator, PageNotAnInteger, EmptyPage 分页 def pagn(data, limit, page):#分页 paginator = Paginator(data, limit) try: data = paginator.page(page) except PageNotAnInteger: data = paginator.page(1) exc

组合搜索组件 我们都会写博客,写文章之后我们要给文章设置目录,设置类型.之后我们在浏览文章的时候就能够按类别进行精确定位到文章,那这个组合搜索我们应该怎么做呢? 首先我们先创建3张表,分别存放文章,文章目录和文章分类: models.py #文章目录 class Category(models.Model): caption = models.CharField(max_length=16) #文章分类 class ArticleType(models.Model): caption = mod

什么是组合搜索呢? 比如你想买车,但手里只有10万块!所以你只能在10万块的车里挑选,但你喜欢黑色,因为觉得很高端大气上档次,说白了就是装逼杠杠的!之后售车姐给你拿了个表表,你看到了低于10万块且颜色为黑的各种车!其实这就是组合搜索! 那运用Django框架,该程序怎么实现呢? 那就先看看程序吧! urls.py from app01 import views from django.contrib.staticfiles.urls import staticfiles_urlpatterns

目录 一.实现方法 二.基本原理 三.代码样例 方法1:纯模板语言实现 方法二:使用simpletag实现 四.其他变化 1.model定义 2.处理函数变化 3.simpletag相应改变   一.实现方法 1.纯模板语言实现 2.自定义simpletag实现(本质是简化了纯模板语言的判断)   二.基本原理 原理都是通过django路由系统,匹配url筛选条件,将筛选条件作为数据库查询结果,返回给前端. 例如:路由系统中的url格式是这样: ? 1 url(r'^article-(?P<ar

首先,前端已实现搜索功能页面, 我们直接写后台逻辑: Q()可以实现 逻辑或的判断,   name_ _ icontains 表示 name字段包含搜索的内容,i表示忽略大小写. from django.db.models import Q all_orgs = CourseOrg.objects.all() search_keywords = request.GET.get("keywords", "") if search_keywords: all_orgs

现在很多网站都会有这样的组合搜索功能,其实质是几个模型之间组合对数据库进行查询,并将结果显示到页面上. 每一行都是一个模型,模型之间有着连表关系(一对多.多对多等) 模型设计 总共四个模型:分别为方向.分类.等级以及存储结果信息 一个方向下可以有多个分类,一个分类也可以是多个方向(多对多) 一个分类可以有多个视频(一对多) 一个等级下也可以有多个视频(一对多) from django.db import models class Direction(models.Model): ""&

1:序列化获取数据的接口设计 1:分页获取序列化数据 2:是个能传参数的接口 class Society(APIView): def post(self, request): keywords = str(request.data.get("keywords")) data = {} try: s_data = models.Society.objects.filter(name__contains=keywords).order_by('id') # 模糊查询 pg = PageNu

图片上传返回200,message显示请上传图片 注意上图中的name字段要和服务器接受的name相同,这里我们是imgfile,默认name不是这个,所以要在el-upload组件上设置name属性. 返回数据不是json格式 如图,默认Accept是 */*,返回的是字符串. 设置el-upload组件headers属性,修改请求头Accept属性: uploadImgHeader: { // 设置接收到json格式的返回值 'Accept': 'application/json, text

实现样式 准备工作,先实现 树状组件的基本样式 <span style="height:500px; display:block; overflow-y:auto;" class="mytree"> <el-tree :data="data" show-checkbox node-key="id" :default-expand-all="true" :props="defaul

Django中组合搜索功能 需求分析 很多电商网站中有组合搜索的功能,所谓组合搜索就是网页中组合多个条件,对数据库中进行查询,并且将结果显示在页面中,看个例子吧: 注意红框中的标识,我们可以根据URL来做组合搜索. video-3-1-1.html 使用split可以将三个数字取到, 第一位数字: 分类 第二位数字: 课程名称 第三位数字: 级别 urls.py 首先,如果想把url按我们的需求取出来,我们可以在urls.py中设置: from app01 import views urlpat