#使用abp框架与vue一步一步写我是月老的小工具(2) 后台搭建初体验
一、续上前言
关于这个小玩意的产品思考,假设我暂时把他叫我是月老热心人
这是一个没有中心的关系链,每个人进入以后都是以自己为中心建立关系链
1.用户角色:
(1).热心人
不使用注册制,使用推荐邀请制,由管理员建立账户,通过微信发送至热心人,热心人同意后,加入,如果非单身,不用完善资料。直接激活即可。
由此可知,此处有以下几个功能,添加热心人,邀请热心人,激活状态。没有激活状态的人热心人不能添加单身朋友,也不能继续添加热心人。
热心人添加的时候需要录入关系,以进行对信任评分,这里可以做许多tag进行选择,因此有一个tag关系管理表,比如,亲戚,同步,好兄弟,而后台需要做一个这个维护功能。
添加完成后,生成的信息需要发送至微信邀请页面,因此,需要了解微信如何做分享与邀请这个功能。
邀请完成后,要考虑如何读取到相应的数据,在后台激活的功能。
(2)单身朋友:
本身可以作为热心人邀请加入
综合这一部分,大至知道有以下一些功能要做:
后台:
维护用户信息、维护关系tag、维护分享信息
前台:
通过分享页面登录、完善资料、邀请新用户、分享新用户
2.可以思考后台有以下api需要完现
a.添加用户(用户id,是否单身,相互关系选择...)
b.完善资料
c.设置朋友tag
d.查询朋友
e.分享出去
f.建立联系
g.验证资料并注册
3.前台页面:
资料验证
添加朋友
分享
查看
二、先用abp来做后台
1.参考的文章来源地址:
https://aspnetboilerplate.com/Pages/Documents/Articles/Introduction-With-AspNet-Core-And-Entity-Framework-Core-Part-1/index.html#ArticleSourceCode
2.我使用开发软件环境及版本号:
OS:win10
VS2017 Community: 15.5.3
Dotnet :2.1.4
abp 模板 V3.9
abp基础框架 V3.7.2
Database:Sql server 13.0 Developer版
DB Manager Studio:V17.4
3.生成开发项目 第1步:去
http://www.aspnetboilerplate.com/Templates
网站下载模板
![新建项目](/Image/02新建项目/新建abp项目.png)
![](https://i-blog.csdnimg.cn/blog_migrate/dea7bc35a261140b97b97ccdd01107d5.png)
4.填写相关参数,并下载项目
包括项目名,类型等,我这次选择的是基于asp.net core 2.x 用MPA模式,没有使用系统自带的vue模板(我下过那个版本,是用ts做的,不太懂,所以没有用)
![参数示例](/Image/02新建项目/Inked新建abp项目_LI.jpg)
![](https://i-blog.csdnimg.cn/blog_migrate/612978e60ba5de06863869f2845fbab8.jpeg)
5.下载下来的项目解压,并用vs打开
其项目结构有专门的文档,我就不展开了,有需要的同学自行搜索
![下载文件夹示例](/Image/02新建项目/下载下来的文件.png)
![](https://i-blog.csdnimg.cn/blog_migrate/fd1ff5ad2ae15c64e8d67dfcf56ed56e.png)
6.用VS打开编译,发现有框架不匹配的错误,因为我用的dotnet core 2.1,所以需要修改一下框架.
错误提示:当前.net sdk不支持将.net core 2.1设置为目标......
![首次编译报错](/Image/02新建项目/出现框架不匹配的错误.png)
![](https://i-blog.csdnimg.cn/blog_migrate/77738ce2bbc821387ea6cc11c6863ce3.png)
7.依次打开每个项目,修改项目属性,将框架调整为2.0
![更改框架](/Image/02新建项目/更改框架.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c5a9b055ed62b55f8cf1a5ce0b0b4a28.png)
8.再次编译,全部通过
![编译通过](/Image/02新建项目/重新编译通过.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c4e319512861cde201bab58f8b39b81e.png)
9.生成数据库,先设置一下启动项目,以修改数据库连接参数:
这里大家根据自己的情况修改数据库连接字符串
![修改数据库连接字符串](/Image/02新建项目/设置数据库操作.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c5dc0fd55dc2aad58ba765a6108fa0d7.png)
10.选择nuget 包操作界面,以准备进行数据库更新
通过从vs2017,菜单 中选择 工具->nuget包管理器->程序包管理控制台,切换到控制台界面,然后选择上面的项目为***.***.***.EntityFrameworkCOre
![切换项目为entityframeworkcore](/Image/02新建项目/选择nuget操作及切换项目.png)
![](https://i-blog.csdnimg.cn/blog_migrate/56f26f90c040e112b7822b86b9745bc3.png)
11.执行 update-database命令
![生成数据库](/Image/02新建项目/生成数据库成功.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9d544cabb2f187ba05bc7b4efca0eba2.png)
12.打开sql server检查一下数据库表是否成功生成
![检查数据表是否生成成功](/Image/02新建项目/生成的数据库表.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0929ebcf2f0ab9e6430af6e9203af148.png)
13.打开webhost项目,按f5启动项目,你就可以看到swagger自动生成的api文档效果了
![看看swagger自动生成的api](/Image/02新建项目/首次打开api页面.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0563156f592abf80568c2cdb206dd0b8.png)
14.打开MVC项目,按f5启动项目,你就可以看到相应的页面了,默认用户名是admin,密码是123qwe,登录进去,添加一个用户试一试呢?
![试一试添加用户功能](/Image/02新建项目/添加用户.png)
![](https://i-blog.csdnimg.cn/blog_migrate/20a004068e5f4a5ce538250f6a54ba2e.png)
15.到此,后台搭建第一步就完成了,你可以点开项目,研究一下相关代码结构试一试。