仿豆瓣app

项目页面演示

 

 

 

 

项目目录结构介绍

├── node_modules/      # 依赖的 Node.js 模块
├── public/            # 公共资源，不会被 webpack 处理
│   ├── index.html     # 入口 HTML 文件
│   ├── ...
├── src/               # 项目源码
│   ├── assets/        # 静态资源，如图片、字体等
│   ├── components/    # 可复用的 Vue 组件
│   ├── views/         # 页面级组件，通常由多个组件组成
│   ├── router/        # Vue Router 路由配置
│   ├── store/         # Vuex 状态管理
│   ├── styles/        # 全局样式
│   ├── main.js        # 项目入口文件
│   ├── App.vue        # 根组件
├── www/               # PHP web 根目录，此目录放在wamp64软件目录下
├── .gitignore          # Git 忽略文件配置
├── babel.config.js     # Babel 配置
├── mo.sql                # 项目数据库
├── package.json        # 项目配置和依赖
├── README.md           # 项目说明文档

技术栈

HTML5、CSS3、Typescript、Vue3、PHP、MySQL

使用步骤

把WWW文件夹下文件放到wamp64软件WWW内

 

将mo.sql导入wamp64软件自带mysql

启动wamp64软件PHP+apache+MySQL服务

 

npm i安装项目依赖

npm i           # 安装所有项目依赖

启动vue项目

npm run serve

源码地址：GitHub - CodeWhizWanderer/db.github.io: 仿豆瓣app