VOL框架学习(一)从零开始搭建项目

主要资料

demo地址:http://www.volcore.xyz

帐号:admin666;密码:123456(本地超级管理员帐号:admin;密码:123456)

github地址:https://github.com/cq-panda/vue.netcore

gitee码云:https://gitee.com/x_discoverer/Vue.NetCore

开发文档:http://v2.volcore.xyz/document/guide

操作步骤

1.下载代码

在gitee上下载源码ZIP压缩包

VOL框架学习(一)从零开始搭建项目_第1张图片 解压后打开为这样,前端最新版本是Vol.Vue3

VOL框架学习(一)从零开始搭建项目_第2张图片

2.创建数据库

先创建相应数据库(见DB文件夹),有三种选择(注意只能使用Sqlserver2008以上的数据库或使用mysql)

VOL框架学习(一)从零开始搭建项目_第3张图片 

我用的 SQL server 2016,用sa用户登录(服务器名,用户名,密码要记住,后面要用)

VOL框架学习(一)从零开始搭建项目_第4张图片

创建名为netcoredev的数据库,然后执行DB文件下对应数据库的建表语句,即可创建相应的数据库(共24张表)

VOL框架学习(一)从零开始搭建项目_第5张图片

VOL框架学习(一)从零开始搭建项目_第6张图片

3.修改配置

打开 ../Vue.Net/VOL.WebApi 下的 appsettings.json 文件

VOL框架学习(一)从零开始搭建项目_第7张图片

修改数据库信息(如果用是MySql数据库记得修改数据库类型DBType),改好保存

VOL框架学习(一)从零开始搭建项目_第8张图片

4.启动后台项目

找到 ../Vue.Net/VOL.WebApi 下的 dev_cun.bat 双击启动

VOL框架学习(一)从零开始搭建项目_第9张图片

启动之后如图所示,后台默认端口是9991

VOL框架学习(一)从零开始搭建项目_第10张图片

打开 http://localhost:9991/ 即可看到后端接口

VOL框架学习(一)从零开始搭建项目_第11张图片

5.前端运行

用VSCode打开“Vol.Vue3版本”目录

先执行 npm install,再执行 npm run serve 运行前端页面,成功运行

VOL框架学习(一)从零开始搭建项目_第12张图片

访问 http://localhost:9990/ 打开前端页面

VOL框架学习(一)从零开始搭建项目_第13张图片

到此前后端成功运行


VOL框架学习中,将持续更新……

原创不易,转载务必注明出处。

你可能感兴趣的:(VOL学习,vue.js,.net,sqlserver,vscode,vs2015)