目录
一、首页主体的制作
我们要制作的主体，需要进行一个页面布局，还是用我们的Element Plus官网，去找到容器布局区域，选择我们需要的布局代码，复制粘贴到我们的HomeCom.vue文件下
我们添加了这个组件之后，还要把这个组件引用进来才能生效，注意不要加大括号，因为我们引用的是组件，不是导方法
运行一下，能看到我们的容器结构
结构分出来了我们就要往里加样式，我们的容器一共分为三部分，我们就根据刚才官网找到的组件源码去进行添加样式
头部对应
左侧对应
右侧对应其实就是写出一个鲜花的图片和标题和价格，然后重复八次
二、列表接口
避免代码的冗余和方便修改，我们使用列表接口。之前我们把八个图片的数据全部写死 ，现在我们写接口，新建一个控制器，要加上action，不然我们的webapi用不了
还是在控制器里跟轮播图一样添加一个方法，在里面写一个数组专门存放我们的数据
创建实体类，写属性
然后我们运行一下子，还是在Swagger上应用一下，能看到我们刚才的数据
再回到前端给这些数据做一个页面绑定，在index里添加一个getFlowers的方法
然后导入这个getFlowers方法，再把vue里的方法导入进来，最后在这个方法里使用一下
把之前写死的静态值去掉，就留一个，因为有v-for指令做一个数据的绑定，还要指定一个key，我们的list里有八条数据，可以循环出八个div标签，我们把里面的值动态渲染一下，这个list就是后台我们在控制器里写死的八条数据
重新启动运行一下
三、设计数据库User表
四、SqlSugar的安装
在NuGet程序包集中引入我们的程序集，下载并安装
依赖项的包里有咱们下载的程序集就是下载成功了
五、使用SqlSugar实现Code First
添加一个类，专门存放数据库的相关东西，然后在里面写连接数据库的逻辑
在webapi下新建一个控制器，导入我们书写数据库文件所在的类库，然后调用我们的初始化方法
启动一下，然后再swagger中就可以看到我们的控制器中写的方法，我们去启动这个控制器
打开我们的Sql Server，可以看到我们通过后台去创建的一个数据库。当然了，后台不光可以去创建数据库，还可以去创建表
六、SqlSugar反射生成表、初始化数据
先定义模型，然后再根据模型去创建表，新建一个类库叫Model的，专门放模型，然后我们新建一个文件夹，专门放我们的实体类
点开我们的实体类，每一条属性上面都有一条带SugarColum的代码，主要是标记下面的属性是否为空、是不是主键等等，接下来我们就要把这些属性反射成一张数据库表
在FlowerContext.cs文件中添加创建表的代码
启动一下，还是通过swagger，再返回数据库查看，可以看到这三个表
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
