专栏首页hotqin888的专栏用beego vue.js element axios 写flow办公流程——系列五

用beego vue.js element axios 写flow办公流程——系列五

1.前言

第一次用vue.js,着实费了九牛二虎之力。

自己的认识:一定要用独立的前端,即vue.js前端项目必须是独立的,独立的服务,不要放beego里的view里作为tpl页面。虽然,放beego view里的tpl通过引用vue、element、axios等似乎可以实现不少功能,但是很虐心,不到万不得已不要再去尝试,原因之一当然是没有任何教程和现成的案例是这样搞的,好多东西需要去试验。

当独立搭建起nodejs和vue的环境后,使用淘宝镜像,初始化一个项目,然后各种抄网络代码,行如流水,很顺了。

2.用到的知识

导航条点击切换页面;涉及到路由:搭建VueJS2.9+ElementUI单页面网站,编写导航页,导航栏跳转、切换

axios跨域,其实用beego写的服务端,在路由里设置一下,是允许跨域的了,所以不必在vue项目里再折腾跨域问题了。

element表格和表格服务端分页,和bootstrap table一样,需要数据总数total……

自定义图标,用阿里的图标,用一段代码批量加入购物车,https://www.jianshu.com/p/59dd28f0b9c9

sublime3手动添加vue代码高亮

element表单数据通过axios提交,服务端beego获取formdata或者url带的参数

3.踩到的坑

前端,css的写法最不擅长了。

vue项目拷贝到其他地方,那个node_moduls文件夹太大了,很难拷贝,而且拷不全。出现问题,删除这个文件夹,然后命令行到项目目录下,cnpm install即可。

初始化项目不要选代码规范检查啊,测试啊之类的,我很难写出非常规范的代码。

离flow的实操还有不少距离,比如:表格的在线编辑,一个完整flow流程的实现。

golang办公流程引擎初体验js-ojus/flow——系列四

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • RxJava

    我不想说这些乱七八糟的概念了,实际上是我根本说不清,不过观察者模式和回调机制要知道

    spilledyear
  • Dart 笔记 12 - 异步

    如果将其改变成一个异步函数,返回值将是一个 Future,异步函数要有 async 关键字:

    七适散人
  • React 总结初稿一

    18 年转眼即逝,不同寻常的一样。这一年我毕业了,入坑前端。工作只用 vue ,自己又学了 react , TypeScript ,小程序,这些在工作中从未用到...

    sunseekers
  • HTTP 实战(三) - HTTP各种特性总览

    8888服务提供的 html,html 文件中又向8887服务发送AJAX请求,这就是跨域了!

    JavaEdge
  • Vue实践--引用jq+bootstrap

                $ npm install --save-dev jquery

    问天丶天问
  • linux 使用jq对json数据进行操作

    背景: 通过jmeter生成的resultReport报告,在linux上需要获取到报告结果数据。

    小白will
  • Future备忘录

    Future是一个接口,它的主要目的,是为了我们能够方便的控制在线程中的任务的进度。在实际使用中,它常与Callable一起使用。本文主要为了理清,Java中,...

    Oceanlong
  • Thread备忘录

    start()用来启动一个线程,当调用start方法后,系统才会开启一个新的线程来执行用户定义的子任务,在这个过程中,会为相应的线程分配需要的资源。

    Oceanlong
  • 前端模块化杂记 前言AMD/CMD简介Commonjs简介Module简介Common和Module的区别Module与webpackModule与Babel一些问题总结引用

    前端模块化在近几年层出不穷,有Node的CommonJs,也有属于client端的CMD/AMD模式,而ES6本身也出现了Modules,再加上Webpack以...

    菜的黑人牙膏
  • 聊一聊Vue组件模版,你知道它有几种定义方式吗?

    前端组件化开发已经是一个老生常谈的话题了,组件化让我们的开发效率以及维护成本带来了质的提升。

    六小登登

扫码关注云+社区

领取腾讯云代金券