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项目杂记的更多相关文章

  1. vue项目杂记

    vue项目杂记 文件目录结构 src main.js app.vue package.json webpack_config_dev.js 需要安装的包 1. vue cnpm i vue --sav ...

  2. vue新建项目

    一直都被如何用vue.js新建一个项目的问题困扰着,经过好久的实践,终于搞清楚如何用vue新建项目了: 1.官网对于vue-cli介绍: Vue.js provides an official CLI ...

  3. Vue.jsbrowserify项目模板

    Vue.js——60分钟browserify项目模板快速入门   概述 在之前的一系列vue.js文章,我们都是用传统模式引用vue.js以及其他的js文件的,这在开发时会产生一些问题. 首先,这限定 ...

  4. Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目

    [TOC] 1. 前言 vue-cli 一个简单的构建Vue.js项目的命令行界面 整体过程: $ npm install -g vue-cli $ vue init webpack vue-admi ...

  5. Vue 实际项目中你可能会遇见的坑

    纸上得来终觉浅,绝知此事要躬行! Vue的文档和教程看的太多,小的demo做的多,也不如自己实际的进行一个完整项目的开发.只有做了才知道原来问题这么多,这里列举了一些你做demo教程可能不会遇见的坑. ...

  6. vue.js项目构建

    这里构建的vue.js项目依赖node服务器运行. 项目搭建完整步骤: 安装node.js ,转至nodeJs网站http://nodejs.cn/ 下载nodeJs进行安装. 安装完毕检查nodeJ ...

  7. vue.js项目安装

    Vue.js 安装 NPM 方法安装vue.js项目 npm 版本需要大于 3.0,如果低于此版本需要升级它: # 查看版本 $ npm -v 2.3.0 #升级 npm npm install np ...

  8. vscode下面开发vue.js项目

    vscode下面开发vue.js项目   https://blog.csdn.net/linzhiqiang0316/article/details/79176651 vscode下面开发vue.js ...

  9. vue的项目结构记录

    vue的项目结构 不知道大家有没这样的情况,面对刚配置好的脚手架,创建的文件不知道该放哪个文件下,导致后面开发一些文件不好找,不利于维护. 接下来我说说我项目中的一些文件: 首先是components ...

随机推荐

  1. Tomcat简单介绍

    1.目录结构 在conf文件夹中修改了配置之后一定要重启Tomcat

  2. 10.Object类

    在JAVA中,所有的类都直接或间接继承了Java.lang.Object类Object是一个特殊的类,他是所有类的父类,是Java类层中的最高层类.当创建一个类时,他总是在继承,除非某个类已经指定要从 ...

  3. 【HarmonyOS】【DevEco Studio】NOTE05:PageAbility生命周期的呈现

    NOTE05:PageAbility生命周期的呈现 基本界面设置 创建Slice与对应xml BarAbilitySlice package com.example.myapplication.sli ...

  4. 热部署详细步骤---·> 小热身!

    IDEA 2018.1.5 4版本 热部署 网址:https://www.jb51.net/softjc/629271.html

  5. 安装Redis5.0.8教程图解

    文档:安装Redis5.0.8教程图解.note 链接:http://note.youdao.com/noteshare?id=737620a0441724783c3f8ef14ab8a453& ...

  6. UNCTF2020 pwn题目

    YLBNB 用pwntools直接连接,然后接受就行. 1 from pwn import * 2 3 p = remote('45.158.33.12',8000) 4 context.log_le ...

  7. 日历的种类(Project)

    <Project2016 企业项目管理实践>张会斌 董方好 编著   日历有三种:标准日历.24小时日历和夜班日历. 设置的位置在[项目]>[属性]>[更改工作时间]>[ ...

  8. LuoguP7714 「EZEC-10」排列排序 题解

    Content 给定一个 \(1\sim n\) 的一个排列 \(p\),你每次可以选择一个区间 \([l,r]\) 并花费 \(r-l+1\) 的代价将下标在这个区间内的所有数升序排序,求使得排列 ...

  9. java 图形化小工具Abstract Window Toolit 事件处理

    事件处理设计到了三个对象: EventSource(事件源):事件发生的场所,通常就是各个组件,例如按钮.窗口,菜单等. Event (事件封装了GUI组件上发生的特定事情(通常就是一次用户操作).如 ...

  10. java 多线程 :ThreadLocal 共享变量多线程不同值方案;InheritableThreadLocal变量子线程中自定义值,孙线程可继承

      ThreadLocal类的使用 变量值的共享可以使用public static变量的形式,所有的线程都是用同一个public static变量.如果想实现每一个线程都有自己的值.该变量可通过Thr ...