[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-NrrW311Q":3,"public-project-articles-NrrW311Q":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},1181,"NrrW311Q",58,"02. 导入并运行项目脚手架","## 导入项目\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767949247292-a88718d9-ea2e-4c4a-b29a-3103873494a6.png)\n\n```python\ncd fastapi-app\n\npip install -r .\\requirements.txt\n```\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767949374462-dd2937b1-7ef9-436a-b988-3fac0acfd0da.png)\n\n## 创建数据库导入 SQL\n\n创建  **book_system  **设置字符集** utf8mb4**\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767949542135-950a76e5-c340-450d-99da-37ce4a2a0c49.png)\n\n## 启动后端 FastAPI\n\n注意配置数据库\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767949970035-1b7b83f3-1418-47f3-8d4e-ea5184041059.png)\n\n启动\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767949990771-63ffe94f-f432-45be-9773-df1bb7754da3.png)\n\n## 启动前端 Vue3\n\n必须先安装  nodejs18+\n\n\n\n```javascript\nnpm install\n```\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767950077991-bb4c7594-cb8a-47cd-b206-ff7c6ca80581.png)\n\n启动\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767950106218-a4feae4e-5159-470f-a150-b139b70f6f0f.png)\n\n\n\n访问  [http:\u002F\u002Flocalhost:5173\u002F](http:\u002F\u002Flocalhost:5173\u002F)\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767950167034-f32c61e8-fd48-4037-b09f-40598dd8e626.png)\n\n\n\n输入管理员的账号 **admin ** 密码 **admin ** 进入到系统内部\n\n\u003C!-- 这是一张图片，ocr 内容为： -->\n![](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2026\u002Fpng\u002F751015\u002F1767950154671-250e4a06-8c8e-494b-8002-990db8c28353.png)\n\n\n\n修改 logo\n\n[https:\u002F\u002Fwww.iconfont.cn\u002F](https:\u002F\u002Fwww.iconfont.cn\u002F)\n\n\n\n","coding",1,154,2306,"2026-01-09 18:33:00","2026-05-03 22:49:02","基于FastAPI+Vue3+推荐算法的图书推荐系统","book-recommendation",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,27,34,35,42,49],{"id":21,"uuid":22,"project_id":6,"title":23,"type":9,"status":10,"public_enabled":10,"views":24,"sort":25,"created_at":26,"updated_at":14,"project_title":15,"project_slug":16},1174,"NzsRyEPn","00. 课程相关资料获取",308,2297,"2026-04-19 17:28:24",{"id":28,"uuid":29,"project_id":6,"title":30,"type":9,"status":10,"public_enabled":10,"views":31,"sort":32,"created_at":33,"updated_at":14,"project_title":15,"project_slug":16},1180,"oRHLGeOy","01. 图书推荐系统介绍",182,2304,"2026-01-09 11:50:58",{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":36,"uuid":37,"project_id":6,"title":38,"type":9,"status":10,"public_enabled":10,"views":39,"sort":40,"created_at":41,"updated_at":14,"project_title":15,"project_slug":16},1182,"UgkPAWGn","03. 开发图书分类信息管理功能",128,2307,"2026-01-09 18:33:16",{"id":43,"uuid":44,"project_id":6,"title":45,"type":9,"status":10,"public_enabled":10,"views":46,"sort":47,"created_at":48,"updated_at":14,"project_title":15,"project_slug":16},1183,"8k9XX7Tv","04. 开发图书信息管理功能",126,2308,"2026-01-09 18:34:50",{"id":50,"uuid":51,"project_id":6,"title":52,"type":9,"status":10,"public_enabled":10,"views":53,"sort":54,"created_at":55,"updated_at":14,"project_title":15,"project_slug":16},1189,"h0SZsjkz","05. 使用AI帮助开发图书列表页面和详情展示页面",110,2318,"2026-01-12 17:27:25"]