vu3＋.net6 webApi 书签管理项目
前言
Github项目地址：https://github.com/ZyPLJ/BookMarks
部署项目需要用到.net6 SDK,百度去官网下载即可。
使用到的技术
- 前端：vue3
- 后端：.net core webApi，EF Core
- 数据库：mysql
- 插件：VueUse-useDark（切换主题），一为API（通过url获取网站图标），x-pageList（分页）
前端地址
项目截图
初始化书签界面
项目部署
Docker下载链接：https://docs.docker.com/
后端部署
codefirst模式就不做演示了，需要的话可以去看我的另一个博客项目中有写。
博客项目地址：https://gitee.com/zyplj/personalblog
数据库表结构：
主键不需要自增
主键需自增
主键需自增
Program.cs中的connStr即可，注意后面5,7,40是mysql数据库的版本号！
Server=数据库地址;Port=端口;Database=BookMark; User=root;Password=123456;
Server=localhost;Port=3306;Database=BookMark; User=root;Password=123456;
开始部署
如果没有Visual Studio 2022如何打包呢，可以使用命名行，进入项目BrowserBookmarks目录（bin文件的那一层），输入dotnet publish即可
然后在BrowserBookmarks\bin\Debug\net6.0\publish 中可以看到打包的项目，打包后目录如图所示：
进入书签项目部署的目录，打开控制台，输入docker build -t 名称 .，如图：可以和我一样的名称
docker run -d --restart=always -p 9031:9031 --name 名称 名称，--restart=always让容器开机自动启动。如图：
注意端口号本项目默认9031，如果需要更改则要更改后端Dockerfile文件和Program.cs文件，如图：
前端部署
https://www.cnblogs.com/ZYPLJ/p/17103691.html
跨域问题
项目使用介绍
Boolmarks文件目录即可，然后上传文件。
//这是我的Google浏览器目录
C:\Users\Lenovo\AppData\Local\Google\Chrome\User Data\Default\Bookmarks