前言
推荐一款以.NET 8 作为高性能后端框架，结合 Vue3 + TypeScript 的前端工程化方案，实战开发一套权限管理系统与支持服务端渲染（SSR）的SEO友好型博客。
项目介绍
后端基于.NET 8 + Furion + SqlSugar + Vue3 + TypeScript ，并且支持多种数据库。
博客基于Vue3 + TypeScript + Vuetify + Pinia,分为普通版本和SSR（服务端渲染，支持SEO），服务端渲染框架基于vite-plugin-ssr实现。
后端 API 使用教程
配置文件与初始化
1、配置文件路径
后端配置文件：/src/backend/Easy.Admin.Application/applicationsettings.json
修改后需重新生成解决方案以生效（右键解决方案→“重新生成”）。
2、数据库配置
"ConnectionStrings": {
"Default": "Data Source=./data.db" // 默认SQLite，可替换为其他数据库连接字符串
}
修改连接字符串后重新生成解决方案，系统将自动创建数据库并初始化基础数据。
3、附件存储配置
"OssConnection": {
"Enable": false, // 启用云存储需设为true
"Provider": "Local", // 可选：Minio/QCloud/Aliyun/Local
"Endpoint": "http://localhost:9000", // 云存储服务地址
"AccessKey": "your-key",
"SecretKey": "your-secret"
}
云存储使用文档：OnceMi.AspNetCore.OSS
4、缓存配置
"EasyCaching": {
"DefaultProvider": "InMemory", // 支持Redis、Memcached、SQLite等
"Redis": {
"Endpoints": [{ "Host": "localhost", "Port": 6379 }]
}
}
缓存方案文档：EasyCaching
推荐生产环境使用 Redis。
运行环境准备
1、Node.js 版本要求
确保本地 Node.js 版本 ≥ 16（建议使用 LTS 版本）。
2、博客版本说明
普通版（SPA）：传统客户端渲染。
服务端渲染版（SSR）：SEO 优化，界面与普通版一致，渲染模式不同。
项目运行与部署
后端管理端
目录：/src/frontend/admin
命令
# 安装依赖
pnpm install
# 开发模式运行
pnpm run dev
# 打包生产环境
pnpm run build
默认账号：admin/123456
博客普通版（SPA）
目录：/src/frontend/blog
命令：
# 安装依赖
yarn
# 开发模式运行
yarn dev
# 打包生产环境
yarn build
博客服务端渲染版（SSR）
1、方案一（vite-plugin-ssr）
目录：/src/frontend/vite-ssr-blog
文档参考：vite-plugin-ssr
2、方案二（Nuxt.js，推荐）
目录：/src/frontend/blog-nuxt
文档参考：Nuxt
通用命令
# 安装依赖
yarn
# 开发模式运行
yarn dev
# 打包生产环境
yarn build
注意事项
1、首次运行前需确保数据库连接配置正确，避免初始化失败。
2、使用云存储时，检查 OssConnection 的 Enable 是否为 true，并填写正确的密钥信息。
3、生产环境部署建议启用 Redis 缓存以提升性能。
项目效果
1、管理页面
2、前端页面
项目地址
Gitee：gitee.com/miss_you/ea…
总结
通过本教程，您已经学会了如何使用 C# 开发一个功能完整的截图应用程序。希望这个示例能帮助您理解 Windows Forms 和屏幕捕获的基本原理。
最后
如果你觉得这篇文章对你有帮助，不妨点个赞支持一下！你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助，欢迎随时留言。
也可以加入微信公众号 [DotNet技术匠] 社区，与其他热爱技术的同行一起交流心得，共同成长！
优秀是一种习惯，欢迎大家留言学习！
