# planshow-example **Repository Path**: kelioc/planshow-example ## Basic Information - **Project Name**: planshow-example - **Description**: node开发学习示例 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-08-06 - **Last Updated**: 2021-08-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 计划添加简单小示例 ## 文件说明 ''' ├── backend #后台 │   ├── main.js #后台启动文件 │   └── model #后台用到的模块文件 │   ├── app.js │   └── db.js ├── docker-compose.yml #dockder的配置文件 ├── Dockerfile #dockerapp的配置文件 ├── frontend #前台代码 │   ├── img #前台用到的图片 │   ├── index.html #前台首页 │   ├── lib #前台用到的库文件 │   │   ├── babel.js │   │   ├── jquery.min.js │   │   ├── jquery.shCircleLoader.js │   │   ├── react-dom.production.min.js │   │   └── react.production.min.js │   └── my.js #reactjs应用 ├── initdb.js ├── nginx │   └── conf.d │   └── app.conf ├── package.json ├── package-lock.json └── Readme.md ''' *** ## 初始化过程 ### 初始化数据库 1 修改backend/model/db.js中的数据库连接参数 并且创建 对应的库 2 运行 node initdb.js 进行表结构和初始数据的初始化 ### 初始化node模块 npm install ### 启动docker sudo docker-compose up -d ### 浏览器访问 http://localhost/ 参考 ： 加载动画 http://demo.demohuo.top/jquery/1/193/demo/ 在网站中添加 React https://reactjs.bootcss.com/docs/add-react-to-a-website.html React 哲学 https://reactjs.bootcss.com/docs/thinking-in-react.html 一步步学会用docker部署应用(nodejs版) https://www.cnblogs.com/accordion/p/10450952.html node.js的async和await https://www.cnblogs.com/chenqionghe/p/11413643.html https://mp.weixin.qq.com/s?src=11×tamp=1628148432&ver=3233&signature=10R7bPBe4EiogYS93aHI*XzY-bSvX9dKhWAW-UZ28Tzhmv9KOPFoPaEh3nYTU7vNZyUPD*X2HxdbLkCGq*-YHoa7Lk8PRPU8CxWY3XJF9ExXR87HIlohpEZUga7*4-mI&new=1