[ vue ] xxxProject项目杂记
2020.4.9
- 加入eCharts
2020.4.8
- 完成article的显示,其间碰到全局路由守卫写的有错误,导致跳转报错。已修复。
- 加入keep-alive功能,缓存视图数据
- 疑问:如果在全局组件上使用keep-alive,会导致tinymce出错,如何解决?
- 方案一:使用keep-alive的include,把需要缓存的组件加进去,会出问题的组件则除外。注意include必须要具名组件!
- 理清ant-design-vue的表格逻辑,可自行添加功能。下一步实现表格的动态增减。
- 后端model重构
- ant-design-vue表格组件,第一次看到这种形式:写在return外面。怎么理解呢?
-
export default {
data() {
this.cacheData = data.map(item => ({ ...item }));
return {
data,
columns,
};
},
}
-
- 数据库关系示例:{项目Project} 1<——>n {票Bugvote}
在create_bugvote()中,需要先把projectname写进数据库,再取得其id,在提交bugvote时作为外键值。
如何在提交了projectname后再取得它的id呢?
- 答:commit到数据库后就projects对象就已经有id了。参考:https://segmentfault.com/q/1010000004827321
- 提交project的函数最好卸载models里面。
@bp.route('/...',methods=['POST'])
def create_bugvote():
bugvotes = Bugvote()
projects = Project.query.filter_by(projectname=data['projectname']).first()
# 没有projectname则先创建project
if not projects:
projects = Project()
projects.projectname = data['projectname']
db.session.add(projects)
db.session.commit() bugvotes.proj_id = projects.id bugvotes.from_dict(data)
db.session.add(bugvotes)
db.session.commit()
response = bugvotes.to_dict()
return jsonify(response)
20204.7
- 疑问:如何处理vue-router嵌套过深的问题?让路由最多分两级。
- 疑问:富文本如何储存表格?
- 答:最后写进数据库是html格式
- Aricle页面布局
- 实现酷炫的Title输入框
2020.4.6
- 修复导航栏的bug,实现导航栏的选中状态随着url的变化而变化。
- 改用watch来监听路由变化
- created的时候根据当前路由纠正导航的选中状态
- 完成导航切换的过渡动画
- 实现前后端联动
- 实现根据项目名查询内容,动态显示,动态加载。
- 修复来回切换导航后数据停止请求的BUG
- -------------------------------------------------------------------------------------------------------------
- 完成后端框架配置,连接上MySQL
- 优化关系模型,完成接口编写
- 分页有BUG,未修复
2020.4.5
- 解耦mock,在main.js中只需引入index.js即可。
- 使用mock接近RESTful规范
- 解耦vuex,
- 成功配置tinymce(花的时间最多)
- 按需引用tinymce组件
[ vue ] xxxProject项目杂记的更多相关文章
- vue项目杂记
vue项目杂记 文件目录结构 src main.js app.vue package.json webpack_config_dev.js 需要安装的包 1. vue cnpm i vue --sav ...
- vue新建项目
一直都被如何用vue.js新建一个项目的问题困扰着,经过好久的实践,终于搞清楚如何用vue新建项目了: 1.官网对于vue-cli介绍: Vue.js provides an official CLI ...
- Vue.jsbrowserify项目模板
Vue.js——60分钟browserify项目模板快速入门 概述 在之前的一系列vue.js文章,我们都是用传统模式引用vue.js以及其他的js文件的,这在开发时会产生一些问题. 首先,这限定 ...
- Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目
[TOC] 1. 前言 vue-cli 一个简单的构建Vue.js项目的命令行界面 整体过程: $ npm install -g vue-cli $ vue init webpack vue-admi ...
- Vue 实际项目中你可能会遇见的坑
纸上得来终觉浅,绝知此事要躬行! Vue的文档和教程看的太多,小的demo做的多,也不如自己实际的进行一个完整项目的开发.只有做了才知道原来问题这么多,这里列举了一些你做demo教程可能不会遇见的坑. ...
- vue.js项目构建
这里构建的vue.js项目依赖node服务器运行. 项目搭建完整步骤: 安装node.js ,转至nodeJs网站http://nodejs.cn/ 下载nodeJs进行安装. 安装完毕检查nodeJ ...
- vue.js项目安装
Vue.js 安装 NPM 方法安装vue.js项目 npm 版本需要大于 3.0,如果低于此版本需要升级它: # 查看版本 $ npm -v 2.3.0 #升级 npm npm install np ...
- vscode下面开发vue.js项目
vscode下面开发vue.js项目 https://blog.csdn.net/linzhiqiang0316/article/details/79176651 vscode下面开发vue.js ...
- vue的项目结构记录
vue的项目结构 不知道大家有没这样的情况,面对刚配置好的脚手架,创建的文件不知道该放哪个文件下,导致后面开发一些文件不好找,不利于维护. 接下来我说说我项目中的一些文件: 首先是components ...
随机推荐
- Tomcat简单介绍
1.目录结构 在conf文件夹中修改了配置之后一定要重启Tomcat
- 10.Object类
在JAVA中,所有的类都直接或间接继承了Java.lang.Object类Object是一个特殊的类,他是所有类的父类,是Java类层中的最高层类.当创建一个类时,他总是在继承,除非某个类已经指定要从 ...
- 【HarmonyOS】【DevEco Studio】NOTE05:PageAbility生命周期的呈现
NOTE05:PageAbility生命周期的呈现 基本界面设置 创建Slice与对应xml BarAbilitySlice package com.example.myapplication.sli ...
- 热部署详细步骤---·> 小热身!
IDEA 2018.1.5 4版本 热部署 网址:https://www.jb51.net/softjc/629271.html
- 安装Redis5.0.8教程图解
文档:安装Redis5.0.8教程图解.note 链接:http://note.youdao.com/noteshare?id=737620a0441724783c3f8ef14ab8a453& ...
- UNCTF2020 pwn题目
YLBNB 用pwntools直接连接,然后接受就行. 1 from pwn import * 2 3 p = remote('45.158.33.12',8000) 4 context.log_le ...
- 日历的种类(Project)
<Project2016 企业项目管理实践>张会斌 董方好 编著 日历有三种:标准日历.24小时日历和夜班日历. 设置的位置在[项目]>[属性]>[更改工作时间]>[ ...
- LuoguP7714 「EZEC-10」排列排序 题解
Content 给定一个 \(1\sim n\) 的一个排列 \(p\),你每次可以选择一个区间 \([l,r]\) 并花费 \(r-l+1\) 的代价将下标在这个区间内的所有数升序排序,求使得排列 ...
- java 图形化小工具Abstract Window Toolit 事件处理
事件处理设计到了三个对象: EventSource(事件源):事件发生的场所,通常就是各个组件,例如按钮.窗口,菜单等. Event (事件封装了GUI组件上发生的特定事情(通常就是一次用户操作).如 ...
- java 多线程 :ThreadLocal 共享变量多线程不同值方案;InheritableThreadLocal变量子线程中自定义值,孙线程可继承
ThreadLocal类的使用 变量值的共享可以使用public static变量的形式,所有的线程都是用同一个public static变量.如果想实现每一个线程都有自己的值.该变量可通过Thr ...