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. 【Matlab】xticks/xticklabels的用法

    先说一下我自己的理解,这东西就是把原来的有的标签位置换成自己的标签名称,一般都是要手动设置看物理意义. https://ww2.mathworks.cn/help/matlab/ref/xticks. ...

  2. python实现skywalking邮件告警webhook接口

    1.介绍 Skywalking可以对链路追踪到数据进行告警规则配置,例如响应时间.响应百分比等.发送警告通过调用webhook接口完成.webhook接口用户可以自定义. 2.默认告警规则 告警配置文 ...

  3. 帮助IT业告别内卷,哪项变革最能被寄予厚望?

    近日,中国软件行业协会发布<2021年中国低代码/无代码市场研究报告>,其中提到:我国低代码整体市场规模已达数十亿规模,并将在未来五年保持49.5%的复合增长率.低代码成为整个中国ICT产 ...

  4. Jenkins 报错合集

    目录 一.启动项目显示,没有接受许可之前不能够自动安装 二.明明配置了jdk但还是说找不到 三.jenkins-RestAPI调用出现Error 403 No valid crumb was incl ...

  5. Matalb 正则表达式预处理数据(一)

    clc clear %% Step 1: 读入数据 phasedata = readtable('phasedata.txt'); %% Step 2: 提取数据 time = phasedata(: ...

  6. .Net Core服务诊断排查

    前言: 近期在项目中出现了几次服务内存资源占用较高的情况,特回顾梳理下排查过程以及对相应问题的排查方法总结. 一.Dump抓取 抓取dump的方式有多种,下面介绍几种常用的: 1. 任务管理器中找到程 ...

  7. Python 属性方法、类方法、静态方法、 特殊属性__doc__ (内建属性)

    总结:和类的关联性讲:属性方法>类方法>静态方法 属性方法@property:仅仅是调用方式不用+括号. 类方法@classmethod:访问不了累的属性变量,只可以访问类变量. 静态方法 ...

  8. CentOS7下使用NFS文件共享给Window server 2012

    CentOS7下使用NFS文件共享给Window server 2012 2018年08月24日 23:15:54 疼迅扣扣 阅读数:443  出自https://blog.csdn.net/u013 ...

  9. Linux使用docker部署nacos

    官网地址:https://nacos.io/zh-cn/docs/quick-start-docker.html 先把sql文件导入到mysql中 我也放了基础的sql /* * Copyright ...

  10. JAVA微信公众号网页开发——通过接收人的openid发送模板消息

    TemplateData.java 1 package com.weixin.weixin.template; 2 3 public class TemplateData { 4 private St ...