abp框架运行——前后端分离(基于VUE)

目录

  • 1.介绍abp
  • 2.abp如何工作
  • 3.运行Domo
    • 3.1官网点击 创建Demo
    • 3.2 配置NetCore,选择Vue
    • 3.3 输入系统名称验证码
  • 4.官方手册文档
  • 5.VUE项目
  • 6. Swagger用户名密码登录
    • 6.1 获取所有用户接口
  • 7.Abp vNext下一代
  • 8. Abp 第三代
  • 9.前端
    • 9.1 依赖包安装
    • 9.2 运行前端代码
    • 9.3 登录截图
    • 9.4 用户管理截图
      • 功能
      • 思想
      • 工具
      • 数据迁移
      • Angular版本

1.介绍abp

全称:aspnetboilerplate。
官网:https://aspnetboilerplate.com/
由美国人发起的开源项目。
web应用框架

2.abp如何工作

微服务框架,可以使用 net core版本,也可使用net framework两种框架

3.运行Domo

3.1官网点击 创建Demo

3.2 配置NetCore,选择Vue

3.3 输入系统名称验证码

最后点击创建项目

4.官方手册文档

https://aspnetboilerplate.com/Pages/Documents/Zero/Startup-Template-Angular

5.VUE项目

https://github.com/aspnetboilerplate/module-zero-core-template/tree/master/vue

6. Swagger用户名密码登录

账号是admin密码是123qwe

6.1 获取所有用户接口

第一代源码分析
https://www.cnblogs.com/myzony/p/9254365.html

7.Abp vNext下一代

https://blog.abp.io/abp/Abp-vNext-Announcement
第二代有中文文档 cli方式创建
https://docs.abp.io/zh-Hans/abp/latest/CLI

第二代源码分析
https://www.cnblogs.com/myzony/p/10722506.html

http://blog.tubumu.com/tags/Abp/

8. Abp 第三代

https://github.com/maliming/Abp.GeneralTree

ABP:开源(https://github.com/aspnetboilerplate/aspnetboilerplate
module-zero:开源(https://github.com/aspnetboilerplate/module-zero)现已弃用
ASP.NET ZERO:收费(https://www.aspnetzero.com/#pricing

9.前端

yarn包安装,软件包1.22.0版本详见服务器。
yarn版本号查看 yarn -version

这里基于VUE项目运行。

9.1 依赖包安装

yarn install

9.2 运行前端代码

执行
yarn serve --open

9.3 登录截图

9.4 用户管理截图

参照此篇博文
https://blog.csdn.net/wyb926/article/details/89224043

官方推荐:
看到第二篇
https://www.cnblogs.com/farb/p/ABPTheory.html
看到第二篇
https://www.cnblogs.com/mienreal/p/4528470.html
https://github.com/ABPFrameWorkGroup/AbpDocument2Chinese

ABP中完成的:

功能

登录页面、用户/角色管理、权限验证、数据有效性验证、多语言/本地化、多租户管理等等。

身份验证与授权管理(通过ASP.NET Identity实现的)
审计日志(自动记录每一次接口的调用者和参数)

思想

分层体系结构、领域驱动设计、依赖注入等。

工具

我们也可能会采用ORM、数据库迁移(Database Migrations)、日志记录(Logging)等工具。

数据迁移

Add-Migration first_init
Update-Database

Angular版本

依赖包安装 yarn install

跑程序 npm start

因我这次项目使用VUE,angular只是跑成功了,所以不再这里详细展开。

原文地址:https://www.cnblogs.com/JerryMouseLi/p/12397683.html

时间: 2024-10-29 08:09:23

abp框架运行——前后端分离(基于VUE)的相关文章

一个Java程序猿眼中的前后端分离以及Vue.js入门

松哥的书里边,其实有涉及到 Vue,但是并没有详细说过,原因很简单,Vue 的资料都是中文的,把 Vue.js 官网的资料从头到尾浏览一遍该懂的基本就懂了,个人感觉这个是最好的 Vue.js 学习资料 ,因此在我的书里边就没有多说.但是最近总结小伙伴遇到的问题,感觉很多人对前后端分离开发还是两眼一抹黑,所以今天松哥想和大家聊一下前后端分离以及 Vue.js 的一点事,算是一个简单的入门科普吧. 前后端不分 后端模板:Jsp.FreeMarker.Velocity 前端模板:Thymeleaf 前

微信自定义分享 laraverl 框架,前后端分离 报错 签名失效 63002

<?phpclass JSSDK {private $appId;private $appSecret;private $url;//如果是前后端分离,是接口请求,必须自定义当前页面地址 送过来 否则签名错误20190905public function __construct($appId, $appSecret,$url) {$this->appId = $appId;$this->appSecret = $appSecret;$this->url = $url;} publi

Python前后端分离开发Vue+Django REST framework实战

链接:https://pan.baidu.com/s/1YNIw7ayEvRfU9Og4zv97iA 提取码:加Q:1642261812  V信:SH66668888QH 获取 第1章 课程介绍 介绍课程目标.通过课程能学习到的内容.和系统开发前需要具备的知识 1-1 课程导学 第2章 开发环境搭建 介绍系统开发所需的开发环境的搭建, 包括前后端开发所需要的IDE. mysql.navicat.nodejs.cnpm的配置等, 还介绍了如何配置python虚拟环境 2-1 pycharm的安装和

前后端分离,Vue+restfullframework

一.准备 修改源: npm config set registry https://registry.npm.taobao.org 创建脚手架: vue init webpack Vue项目名称 #Install vue-router? Yes 插件: npm install axios axios,发送Ajax请求 vuex,保存所有组件共用的变量 vue-cookies,操作cookie 二.流程 1.创建脚手架 npm config set registry https://registr

jenkins部署前后端分离的vue项目

1 General Name: 变量名. 类似给分支起一个名字的意思, 可随意取 Description: 描述, 非必填 Parameter Type: 选择 Branch or Tag Default Value: 默认分支 以上需要安装插件Git Parameter, 没有的话就在插件管理中安装, 以上设置为了构建的时候可以自由选择分支. 2 源码管理 我用的是git, 仓库是gitlab, 使用svn可选择Subversion Branch Specifier (Blank for "a

REST风格框架实战:从MVC到前后端分离(附完整Demo)

既然MVC模式这么好,难道它就没有不足的地方吗?我认为MVC至少有以下三点不足:每次请求必须经过“控制器->模型->视图”这个流程,用户才能看到最终的展现的界面,这个过程似乎有些复杂:实际上视图是依赖于模型的,换句话说,如果没有模型,视图也无法呈现出最终的效果:渲染视图的过程是在服务端来完成的,最终呈现给浏览器的是带有模型的视图页面,性能无法得到很好的优化. 为了使数据展现过程更加直接,并且提供更好的用户体验,我们有必要对MVC模式进行改进.不妨这样来尝试:首先从浏览器发送AJAX请求,然后服

前后端分离开发,基于SpringMVC符合Restful API风格Maven项目实战(附完整Demo)!

摘要: 本人在前辈<从MVC到前后端分离(REST-个人也认为是目前比较流行和比较好的方式)>一文的基础上,实现了一个基于Spring的符合REST风格的完整Demo,具有MVC分层结构并实现前后端分离,该项目体现了一个具有REST风格项目的基本特征,即具有统一响应结构. 前后台数据流转机制(HTTP消息与Java对象的互相转化机制).统一的异常处理机制.参数验证机制.Cors跨域请求机制以及鉴权机制.此外,该项目的完整源码可移步到我的Github参考:RestSpringMVCDemo.喜欢

[转]从MVC到前后端分离

从MVC到前后端分离 来源:csdn 发布时间:2015-10-26 阅读次数:1680 1. 理解MVC MVC是一种经典的设计模式,全名为Model-View-Controller,即模型-视图-控制器. 其中,模型是用于封装数据的载体,例如,在Java中一般通过一个简单的POJO(Plain Ordinary Java Object)来表示,其本质是一个普通的Java Bean,包含一系列的成员变量及其getter/setter方法.对于视图而言,它更加偏重于展现,也就是说,视图决定了界面

从 MVC 到前后端分离——转自:OSChina 黄勇

转自:OSChina 黄勇 从 MVC 到前后端分离 1 理解 MVC MVC 是一种经典的设计模式,全名为 Model-View-Controller,即 模型-视图-控制器. 其中,模型 是用于封装数据的载体,例如,在 Java 中一般通过一个简单的 POJO(Plain Ordinary Java Object)来表示,其本质是一个普通的 Java Bean,包含一系列的成员变量及其 getter/setter 方法.对于 视图 而言,它更加偏重于展现,也就是说,视图决定了界面到底长什么样