.NetCore2.0项目之ABP+Vue(IView框架)单页应用之路,启动

  首先很久没有好好静下心来做点东西了,一直用忙碌做借口,实际还是懒,今天决定动一动.

  第一步,下载自己的项目模板

  首先vue项目国内的暂时还没有,要登录https://aspnetboilerplate.com/才可以下载

  

  第二步 ,代码整理

  下载下来之后分为两个文件夹标准的前后端分离,一个aspnetcore 负责WebAPI提供服务,一个vue前端展示,我自己把这当做两个项目维护,那么git走起来

  

  源码管理还是很有必要的,这样方便随时随地拉代码以及查看变更.

  

  开发

  由于abp下载下来自带的是MSSQL数据库,这里我用的mysql所以直接替换掉,教程别人也发过很多了,我就不发了,可以搜  abp数据库修改为mysql关键字

  对abp项目不熟悉的人,比如说我,可以从看别人录制好的教程开始,比如角落里的白板报(梁)的知乎, 传送门

  网易视频教程地址

  项目下载下来直接按照教程创建数据库,还是能很快上手的,还有一个abp的代码生成器,按照abp的格式根据实体生成对应的各层的代码文件,教程里也有详细说明.蛮好用的

  只需要安装一下一个扩展就可以

  

  下载完,重启VS完成安装.

  使用方式

  1 选中要生成逻辑代码的实体类,右键选择使用工具

  

  2 直接选择需要生成的内容,代码就自动生成了.

  然后添加对应权限就可以进行添加修改了.

  不太理解的地方

  这里有一个问题,不知道是不是我自己这里操作有问题,发现mapto的时候生成的dto类上必须加上

  

  才可以映射成功,不然每次都会500,数据读取到,但是映射出错.错误提示: 对不起,在处理您的请求期间,产生了一个服务器内部错误

  加上映射就可以增删改查了.今天先到这.写的比较简单,跳过了部分简单操作步骤.

  

原文地址:https://www.cnblogs.com/weipengpeng/p/11367111.html

时间: 2024-10-31 13:41:51

.NetCore2.0项目之ABP+Vue(IView框架)单页应用之路,启动的相关文章

使用 Vuex + Vue.js 构建单页应用

鉴于该篇文章阅读量大,回复的同学也挺多的,特地抽空写了一篇 vue2.0 下的 vuex 使用方法,传送门:使用 Vuex + Vue.js 构建单页应用[新篇] -------------------- 华丽的分割线 -------------------- 原文地址:https://coligo.io/learn-vuex-by-building-notes-app/ 前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用

vue+vuex构建单页应用

基本 构建工具: webpack 语言: ES6 分号:行首分号规则(行尾不加分好, [ , ( , / , + , - 开头时在行首加分号) 配套设施: webpack 全家桶, vue 全家桶 项目结构 基本目录结构 api :封装与后端接口交互的操作 common :放置一些 reset.css 之类的 components :组件 entry :项目入口文件 index.js,index.css,index.html filters :过滤器.注:虽然 vue2.0 已经基本废弃(只保留

vue学习二:用 Vue.js + Vue Router 创建单页应用的几个步骤

通过vue学习一:新建或打开vue项目,创建好项目后,接下来的操作为: src目录重新规划——>新建几个页面——>配置这几个页面的路由——>给根实例注入路由配置 src目录重整 在项目中创建如下对应的文件 ├── App.vue // APP入口文件 ├── api // 接口调用工具文件夹 │ └── index.js // 接口调用工具 ├── components // 组件文件夹,目前为空 ├── config // 项目配置文件夹 │ └── index.js // 项目配置文

vue + iview 怎样在vue项目下添加ESLint

参考:https://segmentfault.com/a/1190000012019019?utm_source=tag-newest 使用iview框架的MenuGroup标签,vscode报红,提示如下 [eslint-plugin-vue] [vue/no-parsing-error] Parsing error:x-invalid-end-tag 这个时候,把MenuGroup标签改成menu-item标签 还有问题,继续往下看 在vue的项目里新添加ESLint 有的时候,早期的时候

07、NetCore2.0插件框架之生命周期

07.NetCore2.0插件框架之生命周期 NetCore2.0插件框架是如何管理插件的生命周期的?生命周期有哪几类,又是在哪些场景下应用的呢? 一.生命周期的分类 我们可以查看系统DI(依赖倒置)的开源代码: namespace Microsoft.Extensions.DependencyInjection { public enum ServiceLifetime { Singleton, Scoped, Transient } } 从源码可以看出,DI框架支持三种生命周期管理模式 Si

创建一个netcore2.0和angular的项目并运行起来

netcore2.0发布了,喜大普奔. 我们先下载SDK,请看张善友老师的这篇博客 http://www.cnblogs.com/shanyou/p/7363037.html 下载完之后 我用的vs2017社区版,打开installer 更新一下,然后打开创建项目web Asp.net core web,在版本里默认的是2.0了,因为已经装过SDK了,选择angular模板 点击确定,VS会自动还原引用的包,但是npm包无法还原!!起码我这里是. 解决方法是!!!! 打开项目目录调出命令行界面(

05、NetCore2.0插件框架运行原理源码初窥

05.NetCore2.0插件框架运行原理之WebHostBuilder源码初窥 NetCore2.0的插件框架是要解决对象创建的问题,把创建对象与使用对象进行解耦.调用者不需要关心对象是单例的还是多实例的:插件的扩展和调用也更容易. 一.我们先看看插件框架是如何使用的 首先使用VS2017新建一个控制台程序,要使用插件框架,我们需要引入微软的依赖注入包: install-package Microsoft.Extensions.DependencyInjection 我们声明一个自己的接口,并

基于Vue 2.0高仿 <今日头条> 单页应用。

这是用 vue.js 2.0 高仿 今日头条 的移动端项目,结合了原生app的部分功能以及网页版. 技术栈 vue.js 2.0全家桶(vue.vuex.vue-router) axios.jsonp element-ui.iview vue-lazyload.animate.css.moment.flexible.js 在线地址 线上地址(预览地址) GitHub源码地址 说明 项目内定死 账号: admin, 密码: admin. 因为数据原因,首页请求的数据接口来自网页版今日头条,修改了一

如何将原有 Weex 项目改造成 Vue 版本

Weex 本身有一套语法规则,和 Vue 本身很相似,现在 Weex 与 Vue 有了官方合作,支持将 Vue 2.x 作为内置的前端框架,我们也推荐大家使用 Vue 2.x 的语法开发原生应用.对于现存旧版的 .we 文件,建议大家将其改造成 Vue 版本. 要解决的问题 将内核切换成 Vue 之后,原先基于 Weex 语法开发的项目将如何过渡到 Vue ? 首先需要明确一点:Weex 原有的前端框架也会继续存在于 WeexSDK 中,依然支持 .we 文件格式的写法. 此外,由于 .we 和