2.3 搭建项目开发环境
当我们了解整个项目的开发设计之后，下一步是根据设计内容编写相应的功能代码。开始搭建网站之前，还需要确认使用哪种开发技术完成项目开发，比如网站的前后端是否分离，前后端分别采用哪些框架实现等。本项目采用前后端不分离模式开发，后端使用Django 3.0+MySQL 8.0实现，前端使用layui框架+jQuery实现网页设计。
前后端不分离模式要求前端开发人员提供静态的HTML模板，并且HTML模板实现简单的JavaScript脚本功能，如果涉及Ajax异步数据传输，则需要在开发阶段中与后端人员相互调试API接口的数据结构。
我们将项目命名为babys，在Windows的CMD窗口输入Django的项目创建指令，然后在新建的项目中创建项目应用（App）index、commodity和shopper，具体操作如下所示。
打开项目babys，分别创建文件夹media、pstatic和templates，整个项目的目录结构如图2-8所示。
图2-8 目录结构
整个项目共有7个文件夹和1个文件，每个文件夹和文件的功能说明如下：
（1）babys文件夹与项目名相同，该文件夹下含有文件__init__.py、asgi.py、settings.py、urls.py和wsgi.py
（2）commodity是Django创建的项目应用（App），文件夹含有__init__.py、admin.py、apps.py、models.py、tests.py和views.py文件，它主要实现网站的商品列表页和商品详细页。
（3）index是Django创建的项目应用（App），文件夹含有的文件与项目应用（App）commodity相同，它主要实现网站首页。
（4）media是网站的媒体资源，用于存放商品的主图和详细介绍图。
（5）pstatic是网站的静态资源，用于存放网站的静态资源文件，如CSS、JavaScript和网站界面图片。
（6）shopper也是Django创建的项目应用（App），它主要实现网站的购物车页面、个人中心页面、用户登录注册页面、在线支付功能等。
（7）templates用于存放HTML模板文件，即网站的网页文件。
（8）manage.py是项目的命令行工具，内置多种方法与项目进行交互。在命令提示符窗口下，将路径切换到项目babys并输入python manage.py help，可以查看该工具的指令信息。
由于文件夹media、pstatic和templates是我们自行创建的，因此还需要在这些文件夹中添加前端提供的HTML静态模板，详细的添加说明如下：
至此，我们已完成项目babys的整体架构搭建，整个搭建过程可以分为两个步骤，说明如下：
（1）使用指令创建Django项目，并在新建的项目下创建相应的项目应用（App）。
（2）根据前端提供的HTML静态模板，分别创建文件夹media、pstatic和templates，并将HTML静态模板的CSS、JavaScript和HTML文件分别放置在文件夹pstatic和templates。