笔记
utoui
这个作者很懒,什么都没留下…
展开
-
vue中在输入框中使用回车
<el-input v-model="searchForm.account" clearable placeholder="请输入会员名称" style="width: 200px" @keyup.enter.native="getSearch()" ></原创 2021-03-03 14:00:19 · 1010 阅读 · 0 评论 -
el-form中inline的作用
将表单元素放在一列上效果:加了 inline之后原创 2021-03-03 13:42:44 · 10092 阅读 · 0 评论 -
js+element实现分页效果
第一步data中:data() {return { tableData: [], // 原本展示数据 // 所有页面的数据 totalPage: [], // 每页显示数量 pageSize: 10, // 共几页 pageNum: 1, // 当前显示的数据 dataShow: [], // 默认当前显示第一页 currentPage: 0}}如果出现这种问题,是因为有数据写原创 2021-02-25 21:57:41 · 306 阅读 · 0 评论 -
学习django数据库的数据的统计筛选
1、获得总数django的view.py :data = WxOrder.objects.all().values()vue:jscreated() { this.axios.get('http://127.0.0.1:8000/win/').then((response) => { this.tableData = response.data.data //订单数据})}html<span>{{ tableData.length }}<原创 2021-02-17 13:12:31 · 1145 阅读 · 0 评论 -
解决apache服务器端window调用officeword组件时出现DCOM权限的问题
在django中需要打开word文档 w = client.Dispatch("Word.Application") try: doc = w.Documents.Open(input, ReadOnly=1)如果本地调式没有问题,但是在服务器时出现文档打不开的问题。解决办法:第一步:Office DCOM 组件交互权限设置1、运行–MMC -322、点击 文件 -> 添加/删除管理单元 ,选择 组件服务 ,然后点击 添加 , 确定3、展开 组件原创 2021-02-15 22:48:56 · 480 阅读 · 0 评论 -
css实现动态箭头
第一步:image一个箭头icon<image class="img" bindtap="touser" src="/icon/right.png"> <text class="mid-text">个人中心</text></image>第二步:css中.img{ position: absolute; bottom: 100rpx; right: 40rpx; width: 100px; height: 100px; an原创 2021-02-13 11:09:26 · 1630 阅读 · 0 评论 -
CSS渐变学习
径向渐变background: radial-gradient(yellow, red);圆形渐变 background: radial-gradient(circle, yellow, red);指定位置渐变background: radial-gradient(circle at 50rpx 50rpx,#696969, #C0C0C0);线性渐变background: -webkit-gradient(linear,center top,center bottom,from原创 2021-02-13 11:01:36 · 63 阅读 · 0 评论 -
github学习
①在项目文件中打开git②输入:git init # 初始化③git add . # 跟踪所有文件④git commit -m "first commit" # 建立版本⑤git branch -M main # 创建分支⑥git remote add github https://。。 # 连接github仓库⑦git push -u origin main # 本地推送远端报错:$ git push -u origin mainfatal: ‘原创 2021-02-08 23:22:45 · 60 阅读 · 0 评论 -
promise和Async/Await的学习
链接: promise和Async/Await的学习.原创 2021-02-07 15:49:29 · 67 阅读 · 0 评论 -
querySet如何转换成json
在获取数据库的时候data = WxOrder.objects.all().filter(random=random).filter(ordermumber=ordermumber).values('status')报错:In order to allow non-dict objects to be serialized set the safe parameter to False需要在return JsonResponse(data)加上:safe=False即:return Jso原创 2021-02-07 11:58:41 · 2600 阅读 · 0 评论 -
django在原models新增字段
防止自己的每次新加字段,都忘记命令行命令在添加新的字段后python manage.py makemigrations按提示选1在输入初始值:“1”python manage.py migrate原创 2021-02-06 21:54:27 · 233 阅读 · 0 评论 -
微信小程序的动态显示字体颜色
<text wx:if="{{item.data.status=='待打印'}}" style="color:red">{{item.data.status}}</text><text wx:if="{{item.data.status=='已打印'}}" style="color:green">{{item.data.status}}</text>原创 2021-02-06 15:51:22 · 1102 阅读 · 0 评论 -
django models进行倒序
我需要将我的订单信息倒序展示,可以在最上面展示最新的订单所以需要将django传入的数据先进行倒序处理倒序排列的方法:time1 = details.objects.all().order_by('-time')只需在根据排序的字段前面加个“-”def index_request(request): # 获取数据库数据 data = WxOrder.objects.all().values().order_by('-time') res = list(data)原创 2021-02-03 12:16:14 · 2701 阅读 · 1 评论 -
小程序节流,防止多次点击
参考: 微信小程序:防止多次点击多次跳转(函数节流)原创 2021-02-02 22:20:03 · 87 阅读 · 0 评论 -
将json字符串转换成json对象
在获取数据库数据时,在对象数据中还有一个对象数据,但是在前端this.axios.get的时候获得的是string数据类型需要将string转成object:使用JSON.parse()const obj = JSON.parse(objnew)出现错误提示Unexpected token ’ in JSON at position 2这是因为在使用JSON.parse的时候,返回来的数据一定是严格的json格式,key值一定要用 双引号 包起来,否则浏览器就会抛出异常所以要先将“ob原创 2021-02-01 23:24:51 · 547 阅读 · 0 评论 -
django清空数据库
想要删除自己之前练习的数据库模型Order.objects.all().values().delete()或者1、删除数据库内所有的表2、删除migrations文件夹中的所有 文件,除了__init__.py 文件3、运行python manage.py makemigrationspython manage.py migrate...原创 2021-02-01 22:32:08 · 2123 阅读 · 0 评论 -
vue+django跨域问题的学习
在vue中进行axios请求数据的数据是弹出错误信息No ‘Access-Control-Allow-Origin’ header is present on the requested resource.出现了跨域问题解决方法:第一步:安装django-cors-headerspip3 install django-cors-headers第二步:在setting.py文件中的:MIDDLEWARE添加corsheaders.middleware.CorsMiddlewareMI原创 2021-01-31 15:05:09 · 66 阅读 · 0 评论 -
element设置表格el-table表头的颜色
使用header-cell-style可以修改它 的背景及其他<!--内容表格--> <el-table :data="tableData" border :header-cell-style="{background:'#000', color:'#fff'}" style="width: 95%;margin: 40px;">原创 2021-01-29 21:45:52 · 4687 阅读 · 0 评论 -
vue实现简单的记住密码功能
第一步:在表单内中引入一个"记住密码"选择框<el-checkbox v-model="Form.remenber">记住密码</el-checkbox><div class="login_box"> <el-form ref="Form" :model="Form" class="form_in" :rules="rules"> <!--账号--> <el-form-item prop="原创 2021-01-29 17:58:09 · 642 阅读 · 0 评论 -
Vue学习:存入会话缓存
sessionStorage①存数据:window.sessionStorage.setItem('token','success')token :键值success:值②取数据window.sessionStorage.getItem("token")路由导航守卫防止没有登录状态直接访问其他页面// 挂载路由守卫router.beforeEach(((to, from, next) => { //to 将要访问的路径 //from 来自哪个路径原创 2021-01-29 14:51:36 · 461 阅读 · 0 评论 -
配置Message全局弹窗
使用element组件:Message在main.js中引入//消息提示组件import { Message } from "element-ui";Vue.prototype.$message = Message 这样就能在login.vue中使用this.$messagethis.$refs.Form.validate(valid => { console.log(valid) if (valid) { if (userna原创 2021-01-29 12:10:36 · 522 阅读 · 0 评论 -
element学习:form表单的校验
html:rules和prop<el-form :model="Form" class="form_in" :rules="rules"> <!--账号--> <el-form-item prop="username"> <el-input v-model="Form.username" prefix-icon="el-icon-user-solid" placeholder="请输入账号"></el-inpu原创 2021-01-28 22:03:49 · 269 阅读 · 1 评论 -
css学习:透明的设置
opacity: 0.5;会继承给子元素 ,value:0~1.0background: rgba(255,255,255,.5);不会继承给子元素,255,255,255是白色;0,0,0是黑色原创 2021-01-28 20:31:39 · 109 阅读 · 0 评论 -
CSS学习:设置全局背景图
好看的图片网站:1、 colorhub2、 Hippopx3、 沙沙野图片文件放入scrassetsimagebackground.jpeg在css文件中写入:/*全局样式表*/html, body, #app{ height: 100%; margin: 0; padding: 0; background-image: url("../image/backgrounimage.jpeg"); background-si.原创 2021-01-28 19:44:30 · 1941 阅读 · 0 评论 -
Vue的路由配置,模块引入
VUE学习一①:路由router的安装:npm install vue-router --save-dev在main.js文件中引用import VueRouter from "vue-router";//routerVue.use(VueRouter)②:axios的安装:npm install --save axios vue-axios在main.js文件中引用import axios from 'axios'import VueAxios from "vue-ax原创 2021-01-27 20:32:13 · 374 阅读 · 0 评论 -
pycharm创建vue项目
pycharm创建vue项目学习vue需要下载node.js链接: node.js安装淘宝npm镜像命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org项目初始化第一步:安装vue-cli,在命令提示符中输入cnpm install vue-cli -g第二步:在pycharm的settings中Plugin安装vue.js第三步:pycharm重启,创建vue项目第四步:等待加载完成,运行程序原创 2021-01-25 14:37:05 · 3211 阅读 · 0 评论