利用vscode和pycharm连接数据库的方式，在vscode中写出一个简单的商品增加和修改页面

在Visual Studio Code (VSCode) 中连接到数据库并创建一个简单的商品增加和修改页面，你可以按照以下步骤操作：

1. **安装Python环境和必要的库**：
- 安装Python（如果你还没有的话）
- 使用`pip`安装数据库驱动，比如MySQL的`mysql-connector-python` 或者 PostgreSQL的`psycopg2`

pip install mysql-connector-python psycopg2-binary

对于其他数据库，如SQLite，通常无需额外安装。

2. **设置数据库连接**：
- 在VSCode中，打开终端或命令面板(`Shift + Ctrl + P`)
- 创建一个`.env`文件来存储数据库连接信息，例如：

   DB_HOST=localhost
   DB_USER=root
   DB_PASSWORD=your_password
   DB_NAME=mydatabase

3. **使用Python库连接数据库**：
- 通过`python-dotenv`库加载环境变量：

   from dotenv import load_dotenv
   load_dotenv()
   import mysql.connector
   connection = mysql.connector.connect(**{
       'host': os.environ['DB_HOST'],
       'user': os.environ['DB_USER'],
       'password': os.environ['DB_PASSWORD'],
       'database': os.environ['DB_NAME']
   })

4. **编写增删改查函数**：
- 使用SQL查询来实现商品增加、修改等操作。这里是一个简单的例子：

   cursor = connection.cursor()

   def add_product(product_name, price):
       query = "INSERT INTO products (name, price) VALUES (%s, %s)"
       cursor.execute(query, (product_name, price))
       connection.commit()

   def update_product(id, product_name=None, price=None):
       if product_name is not None and price is not None:
           query = "UPDATE products SET name=%s, price=%s WHERE id=%s"
       elif product_name is not None:
           query = "UPDATE products SET name=%s WHERE id=%s"
       else:
           return "Invalid update parameters."
       cursor.execute(query, (product_name, price, id))
       connection.commit()

   # 省略关闭cursor和connection的代码

5. **创建HTML模板**：
- 为了显示在网页上，你可以创建一个HTML表单，利用POST请求将数据传给后端（这里是Python）。可以使用Flask或Django等框架来处理HTTP请求。

6. **在VSCode中运行**：
- 如果使用Flask，你可以创建一个简单的web服务器（`flask run`），然后在浏览器访问相应的URL来进行商品操作。

注意这只是一个基础示例，实际项目可能需要更复杂的错误处理和验证机制。同时，对于数据库的安全性和生产环境，还需要考虑更多的因素，比如使用ORM库（如 SQLAlchemy）来简化操作，并对敏感数据进行加密。