设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Python交流 › flask开发的管理系统中，表单为主子表结构
返回列表 发新帖
查看: 397|回复: 1

flask开发的管理系统中，表单为主子表结构

[复制链接]
rsj0315
发表于 2024-8-28 14:16:14 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
各位有没有用flask开发的主子表结构的demo。
前端最好是原生的jinjia2
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

FishC
发表于 2024-8-28 14:16:41 | 显示全部楼层
要在Flask中实现主子表结构的管理系统，可以使用Flask与Jinja2模板引擎来构建前端。以下是一个简单的示例，展示如何实现主子表结构。

### 目录结构
  1. project/
  2. │
  3. ├── app.py
  4. ├── templates/
  5. │   ├── layout.html
  6. │   ├── main_form.html
  7. │   └── sub_form.html
  8. └── static/
  9.     └── style.css
复制代码


### app.py
  1. :app.py
  2. from flask import Flask, render_template, request, redirect, url_for

  4. app = Flask(__name__)

  6. # 模拟数据库
  7. main_table = []
  8. sub_table = []

  10. @app.route('/')
  11. def index():
  12.     return render_template('main_form.html', main_table=main_table, sub_table=sub_table)

  14. @app.route('/add_main', methods=['POST'])
  15. def add_main():
  16.     main_data = request.form['main_data']
  17.     main_table.append(main_data)
  18.     return redirect(url_for('index'))

  20. @app.route('/add_sub', methods=['POST'])
  21. def add_sub():
  22.     sub_data = request.form['sub_data']
  23.     sub_table.append(sub_data)
  24.     return redirect(url_for('index'))

  26. if __name__ == '__main__':
  27.     app.run(debug=True)
复制代码


### templates/layout.html
  1. :templates/layout.html
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>主子表管理系统</title>
  7.     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
  8. </head>
  9. <body>
  10.     <div class="container">
  11.         {% block content %}{% endblock %}
  12.     </div>
  13. </body>
  14. </html>
复制代码


### templates/main_form.html
  1. :templates/main_form.html
  2. {% extends "layout.html" %}

  4. {% block content %}
  5. <h1>主表</h1>
  6. <form action="{{ url_for('add_main') }}" method="post">
  7.     <input type="text" name="main_data" placeholder="输入主表数据">
  8.     <button type="submit">添加</button>
  9. </form>

  11. <ul>
  12.     {% for item in main_table %}
  13.     <li>{{ item }}</li>
  14.     {% endfor %}
  15. </ul>

  17. <h1>子表</h1>
  18. <form action="{{ url_for('add_sub') }}" method="post">
  19.     <input type="text" name="sub_data" placeholder="输入子表数据">
  20.     <button type="submit">添加</button>
  21. </form>

  23. <ul>
  24.     {% for item in sub_table %}
  25.     <li>{{ item }}</li>
  26.     {% endfor %}
  27. </ul>
  28. {% endblock %}
复制代码


### static/style.css
  1. :static/style.css
  2. .container {
  3.     width: 80%;
  4.     margin: 0 auto;
  5.     padding: 20px;
  6. }

  8. h1 {
  9.     font-size: 24px;
  10.     margin-bottom: 10px;
  11. }

  13. form {
  14.     margin-bottom: 20px;
  15. }

  17. input[type="text"] {
  18.     padding: 5px;
  19.     margin-right: 10px;
  20. }

  22. button {
  23.     padding: 5px 10px;
  24. }
复制代码


这个示例展示了如何使用Flask和Jinja2模板引擎创建一个简单的主子表结构管理系统。主表和子表的数据分别通过表单提交，并在页面上显示。你可以根据需要扩展这个示例，添加更多功能和样式。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-22 03:48

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表