#使用abp框架与vue一步一步写我是月老的小工具 后台搭建初体验

Posted wadereye

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了#使用abp框架与vue一步一步写我是月老的小工具 后台搭建初体验相关的知识,希望对你有一定的参考价值。

#使用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)
技术分享图片

4.填写相关参数,并下载项目

包括项目名,类型等,我这次选择的是基于asp.net core 2.x 用MPA模式,没有使用系统自带的vue模板(我下过那个版本,是用ts做的,不太懂,所以没有用)
![参数示例](/Image/02新建项目/Inked新建abp项目_LI.jpg)
技术分享图片

5.下载下来的项目解压,并用vs打开
其项目结构有专门的文档,我就不展开了,有需要的同学自行搜索
![下载文件夹示例](/Image/02新建项目/下载下来的文件.png)
技术分享图片

6.用VS打开编译,发现有框架不匹配的错误,因为我用的dotnet core 2.1,所以需要修改一下框架.
错误提示:当前.net sdk不支持将.net core 2.1设置为目标......
![首次编译报错](/Image/02新建项目/出现框架不匹配的错误.png)
技术分享图片
7.依次打开每个项目,修改项目属性,将框架调整为2.0

![更改框架](/Image/02新建项目/更改框架.png)
 
技术分享图片

8.再次编译,全部通过

![编译通过](/Image/02新建项目/重新编译通过.png)
 
 
技术分享图片

9.生成数据库,先设置一下启动项目,以修改数据库连接参数:
这里大家根据自己的情况修改数据库连接字符串

![修改数据库连接字符串](/Image/02新建项目/设置数据库操作.png)
技术分享图片

10.选择nuget 包操作界面,以准备进行数据库更新

通过从vs2017,菜单 中选择 工具->nuget包管理器->程序包管理控制台,切换到控制台界面,然后选择上面的项目为***.***.***.EntityFrameworkCOre

![切换项目为entityframeworkcore](/Image/02新建项目/选择nuget操作及切换项目.png)
技术分享图片

11.执行 update-database命令
![生成数据库](/Image/02新建项目/生成数据库成功.png)
 
技术分享图片
12.打开sql server检查一下数据库表是否成功生成

![检查数据表是否生成成功](/Image/02新建项目/生成的数据库表.png)
技术分享图片

13.打开webhost项目,按f5启动项目,你就可以看到swagger自动生成的api文档效果了
![看看swagger自动生成的api](/Image/02新建项目/首次打开api页面.png)
 
技术分享图片

14.打开MVC项目,按f5启动项目,你就可以看到相应的页面了,默认用户名是admin,密码是123qwe,登录进去,添加一个用户试一试呢?
![试一试添加用户功能](/Image/02新建项目/添加用户.png)
 
技术分享图片

15.到此,后台搭建第一步就完成了,你可以点开项目,研究一下相关代码结构试一试。

以上是关于#使用abp框架与vue一步一步写我是月老的小工具 后台搭建初体验的主要内容,如果未能解决你的问题,请参考以下文章

一步一步写正则 1:金额正则表达式(转)

一步一步写平衡二叉树(AVL树)

C++数据结构一步一步写平衡二叉树[AVL]

C++数据结构一步一步写平衡二叉树[AVL]

ABP(ASP.NET Boilerplate Project)学习总结

一步一步搭建 vue