# hotel

**Repository Path**: Dogw/hotel

## Basic Information

- **Project Name**: hotel
- **Description**: 酒店系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-23
- **Last Updated**: 2024-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

sudo chmod -R 777 * && git add . && git commit -m 'Submit Code' && git push origin master

Thinkphp MVC模式 Vue MVVM模式 双向数据绑定 React View视图 单项数据

Vue2/3 webpack vite React16 17 webpack React18 vite

vite构建项目 yarn create vite

eslint.config.js 代码检查工具的配置文件 tsconfig.json typescript 全局的配置文件

jsx == js + xml == typescript + xml == tsx

Vue3代码风格： 选项式 组合式 主推

React代码风格： class类 函数式hooks类 18 主推

data() { return { title: '' } }

getter:获取 setter:设置

state 定义状态数据 修改的 setState 修改数据

props 不可变的

yarn add prop-types -D

vue 和 react 父传递给子：用属性 子传递给父：用事件

Vue生命周期 创建前后 == setup 挂载前后 数据更新前后 销毁前后

React生命周期 constructor componentDidMount(): 在组件挂载后（插入 DOM 树中）立即调用。 componentDidUpdate(): 在更新后会被立即调用。 shouldComponentUpdate: 询问数据是否要更新 componentWillUnmount(): 在组件卸载及销毁之前直接调用

React 在开发模式下 会打印两次 故意这么做

createContext 可以解决 我们在 父子组件通信的时候 可以传递数据

Vue data 数据 vuex pinia

React state 状态 useReducer == vuex 状态管理

React.useReducer == React.useState 升级

useMemo == keepalived == 缓存作用 useMemo(缓存数据) == useCallback(缓存函数)

安装react的路由 yarn add react-router-dom -S

vue history hash 《router-link》

BrowserRouter HashRouter MemoryRouter

/business /business/login /business/profile

/business/profile

/ -> 默认首页 business profile

模板布局标签

hotel

yarn create vite

自动加载 yarn add unplugin-auto-import -S

项目进度 给项目截图 刷面试题：2024vue框架的面试题 react js es6 typescript php mysql linux 回顾一下之前都学了哪些知识点 周四下午 就业上简历指导

安装路由 yarn add vite-plugin-pages -S yarn add react-router react-router-dom -S

去vite.config.ts 配置

css局部scoped插件 yarn add rollup-plugin-react-scoped-css -S

Vite兼容require方法 yarn add vite-plugin-commonjs -S




安装UI框架
yarn add antd-mobile -S
yarn add antd-mobile-icons -S

typescript
ts => typescript
.d.ts =>


index.ts
nickname = 1111

index.d.ts 声明文件中
declare let nickname:string


接口请求

yarn add axios


php think build --module hotel

php think make:controller hotel/Business


php think make:model common/Hotel/Room


安装vant城市地区的数据 yarn add @vant/area-data -S