vue+.net入门级书签项目

科技资讯 投稿 9000 0 评论

vue+.net入门级书签项目

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

遇到问题

编程笔记 » vue+.net入门级书签项目

赞同 (42) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽