美文网首页
ABP中VUE的dome

ABP中VUE的dome

作者: 灰纸黑字 | 来源:发表于2019-09-28 10:24 被阅读0次

    之前一直用的ng,用习惯了,但是开发公众号用的页面,在打开的时候很慢!所以想试试vue的看下速度怎么样。

    官网下载vue版本,数据库改成mysql就不写了,网上搜一大堆。

    安装VUE,我这整理了个文档,大概流程这样,中间报错,按错解决。

    1、进入项目位置 盘符:cd 项目位置

    2、npm install -g vue-cli

    3、vue -V  查询版本

    4、npm install -g yarn

    5、yarn -v

    6、yarn install

    7、yarn serve --open

    基本这样就可以把项目运行起来了!

    ABP的架子下无论是学习net core、angular还是TS都有一个优势就是架子已经好了,你可以从架子的任何点进行切入式学习,入门很快!

    VUE应该差不多。

    这是涉及到的几个文件,蓝色是已存在需要加代码的,红色是我自己用公司这个功能来做例子的添加项目!基本就是仿照role复制过来,删掉不认识的,没用的,留下个架子,先从基本的访问后端切入,传输接收数据,这些熟悉了,再慢慢熟悉VUE根ng的前端的不同点。

    entities中的实体

    modules中的访问后端

    红色是类似后端应用层的company/getDjt访问接口,蓝色是传入的参数!

    index.ts

    views中的vue页面

    简单的按钮点击访问

    router.ts

    配置下路由,权限省掉了。

    目前为止基本完事,后台写一个对应的方法,post的。接收下company的实体,改个值再返回一下验证!

    AA传入、BB传出!

    最基本的传入传出完事之后,剩下的就是各种绑定乱七八糟的、按文档来就相对好入门了!

    以此分享,望对您有所帮助,如有错误请指出!

    相关文章

      网友评论

          本文标题:ABP中VUE的dome

          本文链接:https://www.haomeiwen.com/subject/jxvzuctx.html