美文网首页
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

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

  • vue操作DOM

    无法避免的dom操作 this.$el 和 this.$ref vue中也是允许进行dome操作的(但是不建议)...

  • vue + vue router + vuex + vue-cl

    本文是各个技术点的文章链接 本dome是简单的跑通了vue router 以及 vuex 1、初始化工程 vue-...

  • vue实现列表无限滚动

    1, html 2.js scrollTable(dome, dome1, dome2) {var dome = ...

  • vue系列自定义指令(三)

    说明 今天介绍vue自定义指令。vue指令功能是提供给用户操作dome的,虽然很多时候,我们可以通过选择器是操作d...

  • Under the Dome(穹顶之下)

    Under the Dome Season 1‎ (2013) Under the Dome Season 2‎ ...

  • 运行Abp Vnext 微服务示例

    abp vnext的微服务https://docs.abp.io/en/abp/latest/Samples/Mi...

  • ABP 中的 DTO

    ABP的数据传输对象(DTO)负责表示层和应用层之间的数据传递,在应用层中,领域对象会被映射为DTO,返回表示层,...

  • Abp.Core中扩展和使用AbpSession

    Abp.Core中扩展和使用AbpSession的方法 在自己的项目中,使用了Abp框架,但却没有采用原...

  • ABP 基于DDD的.NET开发框架

    ABP总体介绍 ABP是ASP.NET Boilerplate Project,ASP.NET样板项目。 ABP框...

网友评论

      本文标题:ABP中VUE的dome

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