webstorm和mysql创建一个网站

### 使用 WebStorm 和 MySQL 构建网站

#### 创建项目结构
在 WebStorm 中启动新项目时，选择合适的模板可以帮助简化初始设置。对于基于 Node.js 的应用程序，可以选择 `Express` 或者自定义配置。

npx express-generator myapp --view=ejs
cd myapp
npm install

这段命令会创建一个基础的 Express 应用程序并安装依赖项[^3]。

#### 配置数据库连接
为了使应用程序能够访问 MySQL 数据库，在项目的根目录下创建一个新的文件夹用于存储配置文件，并添加名为 `.env` 文件来保存敏感信息如数据库凭证：

DB_HOST=localhost
DB_USER=root
DB_PASS=somepassword
DB_NAME=shopping_site_db

接着修改 `db.js` 来建立与 MySQL 的链接:

const mysql = require('mysql');
require('dotenv').config();

let connection = mysql.createConnection({
    host: process.env.DB_HOST,
    user: process.env.DB_USER,
    password: process.env.DB_PASS,
    database: process.env.DB_NAME
});

connection.connect((err) => {
    if (err) throw err;
});
module.exports = connection;

此代码片段展示了如何利用环境变量安全地管理数据库连接参数[^2]。

#### 设计数据模型
根据业务需求设计表结构，例如商品表、订单表等。这里给出简单的 SQL 脚本作为例子：

CREATE TABLE products (
  id INT AUTO_INCREMENT PRIMARY KEY,
  name VARCHAR(100),
  price DECIMAL(7,2),
  stock_quantity INT DEFAULT 0
);

上述脚本可用于初始化服装购物网站的商品列表所需的表格[^1]。

#### 实现基本 CRUD 功能
通过路由控制器处理来自客户端的不同请求类型（GET/POST），从而执行相应的增删改查操作。下面是一个获取所有产品的 API 接口实例：

// routes/productRoutes.js
var express = require('express');
var router = express.Router();
var db = require('../db');

/* GET all products */
router.get('/', function(req, res, next) {
  let query = "SELECT * FROM products";
  
  db.query(query, (error, results) => {
      if(error){
          console.error(error);
          return res.status(500).send({ message : 'Internal Server Error'});
      }
      
      res.json(results);    
  });
});

module.exports = router;

该部分说明了怎样运用 Express 框架配合 MySQL 完成读取产品记录的功能。

---