如何用python做一个通讯录网页

要创建一个简单的通讯录网页应用，我们可以使用Python的Web框架Flask。以下是步骤：

1. **安装Flask**:
首先确保已经安装了Python和pip（Python包管理器）。如果没有，可以访问 https://www.python.org/downloads/ 下载并安装。然后使用命令行运行 `pip install flask` 安装Flask。

2. **创建基本结构**:
创建一个新的文件夹，例如`contact_app`，并在其中新建一个名为`app.py` 的文件。这是主程序，会包含Flask应用的基本配置。

from flask import Flask, render_template, request

app = Flask(__name__)

# 示例数据
contacts = [
    {"name": "张三", "phone": "13800138000", "email": "zhangsan@example.com"},
    {"name": "李四", "phone": "13900139000", "email": "lisi@example.com"}
]

3. **设置路由**:
使用`@app.route`装饰器定义URL和对应的函数。比如，一个显示所有联系人列表的页面和添加新联系人的表单。

@app.route('/')
def index():
    return render_template('index.html', contacts=contacts)

@app.route('/add_contact', methods=['GET', 'POST'])
def add_contact():
    if request.method == 'POST':
        new_contact_name = request.form['name']
        new_contact_phone = request.form['phone']
        new_contact_email = request.form['email']
        # 添加新联系人到数据
        contacts.append({"name": new_contact_name, "phone": new_contact_phone, "email": new_contact_email})
        return 'Contact added successfully!'
    else:
        return render_template('add_contact.html')

4. **HTML模板**:
在`templates`目录下创建两个文件：`index.html`用于展示联系人列表，`add_contact.html`用于添加新联系人。

- `index.html`:

     <h1>通讯录</h1>
     <ul>
         {% for contact in contacts %}
             <li>{{ contact.name }} - {{ contact.phone }} - {{ contact.email }}</li>
         {% endfor %}
     </ul>
     <a href="{{ url_for('add_contact') }}">添加联系人</a>

- `add_contact.html`:

     <form method="post">
         Name: <input type="text" name="name"><br>
         Phone: <input type="tel" name="phone"><br>
         Email: <input type="email" name="email"><br>
         <input type="submit" value="添加">
     </form>

5. **运行应用**:
在终端进入`contact_app`目录，运行`flask run`，然后在浏览器中访问`http://localhost:5000/`查看应用。