利用docker 开发 信息系统,python + mysql + flask + jquery

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,高可用系列 2核4GB
简介: 利用docker 开发 信息系统,python + mysql + flask + jquery

源码下载,以及项目部署方法

源码下载地址 阿里效云 https://code.aliyun.com/734449600/dockerDeploryFlaskMysql/repository/archive.zip?ref=master

部署命令

解压mysqldata.zip 确定 文件夹中的 mysqldata的绝对路径
里边存放的 mysql 数据库结构以及配置文件
# 创建网路
docker network create --driver bridge --subnet 10.10.0.0/16  --gateway 10.10.0.1 mynet1
# 创建数据库  
#注意把 C:/Users/73444/Desktop/mysqldata/data  换成 mysqldata 的绝对路径
docker run -di --name mysql1 -p 33306:3306 --net mynet1 --ip 10.10.10.11 -v C:/Users/73444/Desktop/mysqldata/data:/var/lib/mysql -e MYSQL_ROOT_PASSWORD=lmk19980312 registry.cn-hangzhou.aliyuncs.com/mkmk/mysql:8-0-19
# 创建 flask 项目
docker run -di -p 35000:5000  --name flask_demo_cn  --net mynet1 --ip 10.10.10.12 registry.cn-hangzhou.aliyuncs.com/mkmk/flask:studentTemperature

写作目的

python 课程又留了一个增删改查系统,不写吧又不行,重复工作吧又没有意义,然后就针对想要学习迅捷开发部署的 同学写个小教程

  1. 现在各种软件实在太多了,全部下载安装到电脑,简直不堪重负,
  2. 每款软件 配置都很繁琐,
  3. 项目复现困难, 做过的东西,用一次,下次又找不到了
  4. 便于服务迁移与部署升级

所以我们要学习迅捷开发部署,并且上传云端保存环境,直接复现查看效果


本次我们由于面向教学,大家很多没有linux 系统,所以直接在 win10 环境下进行教学

这次就做个简单的学生疫情统计网页吧。

安装docker

阿里 效云 下载

https://code.aliyun.com/734449600/DockerDesktopInstaller/raw/master/Docker%20Desktop%20Installer.exe

直接去官网下载也可以


网络环境搭建

我们本次只有两个网络节点, 一个 mysql节点, 一个 flask 节点

设计ip分配

mysql 10.10.10.11 3306 宿主机访问端口 33306

flask 10.10.10.12 5000 宿主机访问端口 35000


创建网络

docker network create --driver bridge --subnet 10.10.0.0/16  --gateway 10.10.0.1 mynet1

数据库搭建

创建mysql 容器环境

#从一开始就要挂在目录,当容器已经运行,再拷贝目录出来是会报错的
# 请先在本地创建持久化数据的文件夹 C:/Users/73444/Desktop/mysqldata/data
# 创建容器
docker run -di --name mysql1 --net mynet1 --ip 10.10.10.11  -p 33306:3306 -v C:/Users/73444/Desktop/mysqldata/data:/var/lib/mysql     -e MYSQL_ROOT_PASSWORD=lmk19980312 registry.cn-hangzhou.aliyuncs.com/mkmk/mysql:8-0-19
# 进入容器
docker exec -it  mysql1 /bin/bash 
查看mysql 版本 ,大写 -V
mysql -V
mysql  Ver 8.0.19 for Linux on x86_64 (MySQL Community Server - GPL)
登录mysql
mysql -u root -p
默认密码 lmk19980312
mysql>
授权远程登陆
mysql>  GRANT ALL ON *.* TO 'root'@'%';
flush privileges;
更改加密规则
ALTER USER 'root'@'localhost' IDENTIFIED BY 'password' PASSWORD EXPIRE NEVER;
  
更新root用户密码
ALTER USER 'root'@'%' IDENTIFIED WITH mysql_native_password BY 'lmk19980312';
刷新权限
flush privileges;

navicate 连接, 注意,我们由于采用了端口映射

mysql 端口在 33306 -p 33306:3306

20200308125941775.png

创建 database ,table

不再复述网上教程很多,直接上结果20200308130825147.png


简单说明

id 是主键,自增

time 设成时间戳比较麻烦,我准备直接在python 中生成格式时间

stuno 学号

stuname 姓名

temperature 体温


python-flask后台开发

接口简述

insertRecord 插入记录
delById 删除记录通过id
getAllRecord 查看所有记录
getAbnRecorde 查看不正常记录


结合业务需要,不能随意修改记录,

源代码已经上传至 阿里巴巴 效云

文件目录


jquery 结合 jinja2 前端页面开发

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="{{ url_for('static',filename='jquery-3.4.1/jquery-3.4.1.js') }}" ></script>
</head>
<style>
    body{ text-align:center;text-va}
    #divjuzhong{margin:0 auto;border:1px solid #000;width:300px;height:100px}
    .fa1{display: flex; justify-content: center; align-items: center;min-width: 1600px;min-height: 500px;}
    .fa2{min-width: 1400px; min-height: 300px; background-color: blanchedalmond;}
    .del1{}
</style>
<script type="text/javascript">
$(document).ready(function(){
  $("#click1").click(function(){
      if (  $('#input1').val().length<5 || $('#input2').val().length<2 || $('#input3').val().length != 4    )
      {
          alert("请检查你的输入");
          return
      }
      $.get("/insertRecord",{ stuNo: $('#input1').val() ,
                                stuName: $('#input2').val(),
                                temperature: $('#input3').val()},
            function (data) {
                 alert("提交成功");
                 location.assign("/")
            });
  });
});
  function del1(id1){
      $.get("/delById", {
        id: id1
      },
            function (data) {
                 alert("删除成功" );
                 location.assign("/")
            });
  };
    function getAbn(){
      $.get("/delById",
            function (data) {
                 location.assign("/getAbnRecorde")
            });
  };
    function  getall(){
      $.get("/delById",
            function (data) {
                 location.assign("/")
            });
  };
</script>
<body>
<div class="fa1" >
    <div class="fa2">
        <table border="1" style="background-color: aliceblue">
            <tr>
                <td onclick="getall()">查看所有记录</td>
                <td style="width: 20px"> </td>
                <td onclick="getAbn()">查看异常记录</td>
            </tr>
        </table>
        <table border="2" class="fa2">
        <caption>学生体温统计表</caption>
            {# 表头        #}
            <tr style="font-size: larger">
                    {% for item in heads %}
                        <td> {{ item }} </td>
                    {% else %}
                        <td> {{ "服务器故障" }} </td>
                    {% endfor %}
            </tr>
            <tr>
                <td></td><td></td>
                <td><input id="input1" type="text" size="15" min-length="30" placeholder="请输入 学号 大于五位"></td>
                <td><input id="input2" type="text" size="15" min-length="30" placeholder="请输入 姓名 大于两个字"></td>
                <td><input id="input3" type="text" size="15" min-length="30" placeholder="请输入 真实体温 例如 36.5"></td>
                <td id="click1" style="background-color: azure"  > 提交 </td>
            </tr>
            {% for oneinfo in allinfo %}
                <tr style="font-size: medium">
                <script language="JavaScript"> var id1=0 </script>
                    {% for onestr in oneinfo %}
                        <script language="JavaScript">
                            if (id1==0){id1='{{ onestr }}' }
                        </script>
                        <td> {{ onestr }} </td>
                    {% else %}
                        <td> {{ "服务器故障" }} </td>
                    {% endfor %}
                    <td  onclick="del1(id1)"  style="background-color: azure"  > {{ "删除" }} </td>
                </tr>
            {% else %}
                    <td> {{ "服务器故障" }} </td>
            {% endfor %}
        </table>
    </div>
</div>
</body>
</html>

封装flask容器步骤

创建文件夹 flask_docker 名称随意



其中flask_demo 放置源代码

书写Dockerfile

#基于的基础镜像
FROM python:3
#代码添加到code文件夹
ADD ./flask_demo  /usr/src/app
# 设置app文件夹是工作目录
WORKDIR /usr/src/app
# 安装支持
RUN pip install Flask==1.1.1 Jinja2==2.11.1 PyMySQL==0.9.3 cryptography -i  https://pypi.tuna.tsinghua.edu.cn/simple
CMD [ "python", "/usr/src/app/app.py" ]


创建镜像 命令最后的 点 . 不要省略
docker build -t  registry.cn-hangzhou.aliyuncs.com/mkmk/flask:studentTemperature   .
使用镜像
docker run -it -p 35000:5000  --name flask_demo_cn  --net mynet1 --ip 10.10.10.12  registry.cn-hangzhou.aliyuncs.com/mkmk/flask:studentTemperature

此时访问 localhost:35000 即可 看到网页

完成

docker常用命令

#强制删除所有镜像和容器
docker stop -f  $(docker ps -a -q) | docker rm -f $(docker ps -a -q) |  docker rmi -f $(docker images -q)
#查看镜像列表
docker images
#删除单个镜像
docker rmi image-id
#删除所有镜像
docker rmi $(docker images -q)
#查看运行中的容器
docker ps
#查看所有容器
docker ps -a
#停止单个容器
docker stop container-id
#停止所有容器
docker stop $(docker ps -a -q)
#删除单个容器
docker rm container-id
#删除所有容器
docker rm $(docker ps -a -q)
#删除系统数据
docker system prune
相关实践学习
如何快速连接云数据库RDS MySQL
本场景介绍如何通过阿里云数据管理服务DMS快速连接云数据库RDS MySQL,然后进行数据表的CRUD操作。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
20天前
|
消息中间件 缓存 弹性计算
纯PHP+MySQL手搓高性能论坛系统!代码精简,拒绝臃肿
本内容分享了一套经实战验证的社交系统架构设计,支撑从1到100万用户的发展,并历经6次流量洪峰考验。架构涵盖客户端层(App、小程序、公众号)、接入层(API网关、负载均衡、CDN)、业务服务层(用户、内容、关系、消息等服务)、数据层(MySQL、Redis、MongoDB等)及运维监控层(日志、监控、告警)。核心设计包括数据库分库分表、多级缓存体系、消息队列削峰填谷、CQRS模式与热点数据动态缓存。同时提供应对流量洪峰的弹性伸缩方案及降级熔断机制,并通过Prometheus实现全链路监控。开源建议结构清晰,适合大型社交平台构建与优化。
110 11
|
3月前
|
安全 前端开发 数据库
Python 语言结合 Flask 框架来实现一个基础的代购商品管理、用户下单等功能的简易系统
这是一个使用 Python 和 Flask 框架实现的简易代购系统示例,涵盖商品管理、用户注册登录、订单创建及查看等功能。通过 SQLAlchemy 进行数据库操作,支持添加商品、展示详情、库存管理等。用户可注册登录并下单,系统会检查库存并记录订单。此代码仅为参考,实际应用需进一步完善,如增强安全性、集成支付接口、优化界面等。
|
14天前
|
关系型数据库 MySQL Linux
CentOS 7系统下详细安装MySQL 5.7的步骤:包括密码配置、字符集配置、远程连接配置
以上就是在CentOS 7系统下安装MySQL 5.7的详细步骤。希望这个指南能帮助你顺利完成安装。
199 26
|
2月前
|
存储 算法 API
【01】整体试验思路,如何在有UID的情况下获得用户手机号信息,python开发之理论研究试验,如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
【01】整体试验思路,如何在有UID的情况下获得用户手机号信息,python开发之理论研究试验,如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
310 82
|
22天前
|
存储 监控 API
【Azure App Service】分享使用Python Code获取App Service的服务器日志记录管理配置信息
本文介绍了如何通过Python代码获取App Service中“Web服务器日志记录”的配置状态。借助`azure-mgmt-web` SDK,可通过初始化`WebSiteManagementClient`对象、调用`get_configuration`方法来查看`http_logging_enabled`的值,从而判断日志记录是否启用及存储方式(关闭、存储或文件系统)。示例代码详细展示了实现步骤,并附有执行结果与官方文档参考链接,帮助开发者快速定位和解决问题。
75 23
|
19天前
|
Ubuntu 关系型数据库 MySQL
在Ubuntu系统的Docker上安装MySQL的方法
以上的步骤就是在Ubuntu系统的Docker上安装MySQL的详细方法,希望对你有所帮助!
99 12
|
2月前
|
人工智能 JavaScript 关系型数据库
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
133 14
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
|
2月前
|
人工智能 关系型数据库 分布式数据库
100%兼容MySQL!手把手教你基于PolarDB搭建RAG系统
100%兼容MySQL!手把手教你基于PolarDB搭建RAG系统
150 0
|
2月前
|
SQL 关系型数据库 MySQL
Python中使用MySQL模糊查询的方法
本文介绍了两种使用Python进行MySQL模糊查询的方法:一是使用`pymysql`库,二是使用`mysql-connector-python`库。通过这两种方法,可以连接MySQL数据库并执行模糊查询。具体步骤包括安装库、配置数据库连接参数、编写SQL查询语句以及处理查询结果。文中详细展示了代码示例,并提供了注意事项,如替换数据库连接信息、正确使用通配符和关闭数据库连接等。确保在实际应用中注意SQL注入风险,使用参数化查询以保障安全性。
|
4月前
|
JavaScript API C#
【Azure Developer】Python代码调用Graph API将外部用户添加到组,结果无效,也无错误信息
根据Graph API文档,在单个请求中将多个成员添加到组时,Python代码示例中的`members@odata.bind`被错误写为`members@odata_bind`,导致用户未成功添加。
71 10
下一篇
oss创建bucket