savoygu / midwayjs-hooks-movie Goto Github PK

基于 Midwayjs 一体化的电影网站 - 全栈项目

基于 Midwayjs 一体化方案实现 koajs-movie 电影网站，该方案是以 Midway Hooks 为主函数式全栈框架，值得一提的是该项目中使用其组件 @midwayjs/koa 以 Koa 作为上层框架作为 Http 服务。相较于 koajs-movie 的实现该方案极大简化了接口开发，利用函数式替代了 MVC 开发模式，且在这样的前后端一体化应用中，接口调用也及其简单，只需要导入函数 API 直接调用即可。

相较于 koajs-movie 的方案

• 使用 Midwayjs hooks 替代 Koa
• 使用 Prisma 替代 mongoose
• 使用 Vue 替代模板引擎 Pug
• 使用 Element Plus 替代 Bootstrap

• Midwayjs Hooks
• Vue
• Prisma
• Pinia
• Zod
• Element Plus

• npm run dev: 启动开发服务器
• npm run build: 构建用于生产的应用
• npm run start: 生产模式下运行项目

• src: 源代码：包括后端和前端
  • api: 后端代码
  • components: 前端代码 - 组件
  • layout: 前端代码 - 布局
  • router: 前端代码 - 路由
  • store: 前端代码 - 状态
  • utils: 前端代码 - 工具
  • views: 前端代码 - 视图
• public: 静态文件
• midway.config.ts: Midwayjs 配置
• tailwind.config.js: Tailwind 配置
• index.html: 入口文件

huel129 🎨 🤔 📖 💻 🐛