如何写一个完整的django网站：配置环境啥的不讲（python+mysql+html相关） 肆

最新推荐文章于 2022-01-05 14:01:59 发布
最新推荐文章于 2022-01-05 14:01:59 发布
阅读量178 收藏
点赞数
文章标签： python django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44195924/article/details/106432007
版权

虽然好像到现在为止只有几个人看了，但是心塞的作者还是给大家放一下网站的目录伐，
其中两个文件夹中可以忽略，存放css和js样式的，但是实践证明必须导入外部文件中的内容，额，js和css存放在图片2所示。
在这里插入图片描述在这里插入图片描述

所以接下来就到了正文，先放一下登陆和注册的界面代码以及图片吧，首先是注册界面，需要注意的有什么呢，<input name=“count” type=“text” 这个代表的是输入框，name和视图中的对应。a href="/denglu/">登陆!这个算是链接的一种方式，可以引导入url中的denglu，另一种就是常规的登陆formbutton形式
<button id=“btn” type=“submit” ; style=“position:absolute;margin-left:1080px;margin-top:-411px;background-color:#0088CC;color:white;width:100px;height:35px;z-index:50”>
登陆


这个样子

<!doctype html>
<html class="fixed">
	<head>

		<!-- Basic -->
		<meta charset="UTF-8">

		<meta name="keywords" content="HTML5 Admin Template" />
		<meta name="description" content="Porto Admin - Responsive HTML5 Template">
		<meta name="author" content="okler.net">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<!-- Web Fonts  -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

		<!-- Vendor CSS -->
		<link rel="stylesheet" href="../static/style/style1/assets/vendor/bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" href="../static/style/style1/assets/vendor/font-awesome/css/font-awesome.css" />
		<link rel="stylesheet" href="../static/style/style1/assets/vendor/magnific-popup/magnific-popup.css" />
		<link rel="stylesheet" href="../static/style/style1/assets/vendor/bootstrap-datepicker/css/datepicker3.css" />

		<!-- Theme CSS -->
		<link rel="stylesheet" href="../static/style/style1/assets/stylesheets/theme.css" />

		<!-- Skin CSS -->
		<link rel="stylesheet" href="../static/style/style1/assets/stylesheets/skins/default.css" />

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" href="../static/style/style1/assets/stylesheets/theme-custom.css">

		<!-- Head Libs -->
		<script src="../static/style/style1/assets/vendor/modernizr/modernizr.js"></script>

	</head>
    <body>
        {% if a == 1 %}
        <h1 style="position:absolute;margin-left:810px;margin-top:600px;color:black;background-color:#FFFFF0; font-size:20px">
            注册失败，请保证两次密码相同
        </h1>
        {%endif%}
        {% if a == 2 %}
        <h1 style="position:absolute;margin-left:810px;margin-top:600px;color:black;background-color:#FFFFF0; font-size:20px">
            注册失败，该账户ID已被注册
        </h1>
        {%endif%}
        <!-- start: page -->
        <section class="body-sign">
            <div class="center-sign">


                <div class="panel panel-sign">
                    <div class="panel-title-sign mt-xl text-right">
                        <h2 class="title text-uppercase text-bold m-none"><i class="fa fa-user mr-xs"></i> 注册</h2>
                    </div>
                    <div class="panel-body">
                        <form method="post" action="/zhuce2/">
                            <div class="form-group mb-lg">
                                <label>账号</label>
                                <input name="count" type="text" autocomplete="off" class="form-control input-lg" />
                            </div>

                            <div class="form-group mb-lg">
                                <label>邮箱</label>
                                <input name="username" type="email" autocomplete="off" class="form-control input-lg" />
                            </div>

                            <div class="form-group mb-none">
                                <div class="row">
                                    <div class="col-sm-6 mb-lg">
                                        <label>密码</label>
                                        <input name="mima" type="password" autocomplete="off" class="form-control input-lg" />
                                    </div>
                                    <div class="col-sm-6 mb-lg">
                                        <label>密码确认</label>
                                        <input name="mima2" type="password" autocomplete="off" class="form-control input-lg" />
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-8">
                                    <div class="checkbox-custom checkbox-default">
                                        <input id="AgreeTerms" name="agreeterms" type="checkbox" />
                                    </div>
                                </div>
                                <div class="col-sm-4 text-right">
                                    <button type="submit" class="btn btn-primary hidden-xs">注册</button>
                                    <button type="submit" class="btn btn-primary btn-block btn-lg visible-xs mt-lg">注册</button>
                                </div>
                            </div>

                            <span class="mt-lg mb-lg line-thru text-center text-uppercase">
                                <span>or</span>
                            </span>


                            <p class="text-center">
                                已有帐户？ <a href="/denglu/">登陆!</a>
                            </p>

                            <h1 style="position:absolute;margin-left:120px;margin-top:-480px;color:black; font-size:20px">
                                汽轮机故障告警系统
                            </h1>


                        </form>
                    </div>
                </div>

                <p class="text-center text-muted mt-md mb-md">&nbsp</p>



            </div>
        </section>
        <!-- end: page -->
        <!-- Vendor -->
        <script src="../static/style/style1/assets/vendor/jquery/jquery.js"></script>
        <script src="../static/style/style1/assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
        <script src="../static/style/style1/assets/vendor/bootstrap/js/bootstrap.js"></script>
        <script src="../static/style/style1/assets/vendor/nanoscroller/nanoscroller.js"></script>
        <script src="../static/style/style1/assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
        <script src="../static/style/style1/assets/vendor/magnific-popup/magnific-popup.js"></script>
        <script src="../static/style/style1/assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>

        <!-- Theme Base, Components and Settings -->
        <script src="../static/style/style1/assets/javascripts/theme.js"></script>

        <!-- Theme Custom -->
        <script src="../static/style/style1/assets/javascripts/theme.custom.js"></script>

        <!-- Theme Initialization Files -->
        <script src="../static/style/style1/assets/javascripts/theme.init.js"></script>

    </body>
</html>

其次是登陆界面

<!doctype html>
<html class="fixed">
	<head>

		<!-- Basic -->
		<meta charset="UTF-8">

		<meta name="keywords" content="HTML5 Admin Template" />
		<meta name="description" content="Porto Admin - Responsive HTML5 Template">
		<meta name="author" content="okler.net">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<!-- Web Fonts  -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

		<!-- Vendor CSS -->
		<link rel="stylesheet" href="../static/style/style1/assets/vendor/bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" href="../static/style/style1/assets/vendor/font-awesome/css/font-awesome.css" />
		<link rel="stylesheet" href="../static/style/style1/assets/vendor/magnific-popup/magnific-popup.css" />
		<link rel="stylesheet" href="../static/style/style1/assets/vendor/bootstrap-datepicker/css/datepicker3.css" />

		<!-- Theme CSS -->
		<link rel="stylesheet" href="../static/style/style1/assets/stylesheets/theme.css" />

		<!-- Skin CSS -->
		<link rel="stylesheet" href="../static/style/style1/assets/stylesheets/skins/default.css" />

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" href="../static/style/style1/assets/stylesheets/theme-custom.css">

		<!-- Head Libs -->
		<script src="../static/style/style1/assets/vendor/modernizr/modernizr.js"></script>

	</head>
    <body>





        <section class="body-sign">
            <div class="center-sign">

                <div class="panel panel-sign">
                    <div class="panel-title-sign mt-xl text-right">
                        <h2 class="title text-uppercase text-bold m-none"><i class="fa fa-user mr-xs"></i>登陆</h2>
                    </div>
                    <div class="panel-body">

                        <div class="form-group mb-lg">
                            <label>账号</label>
                            <div class="input-group input-group-icon">
                                <!--账户-->
                                <input name="a" type="text" class="form-control input-lg" />
                                <span class="input-group-addon">
                                    <span class="icon icon-lg">
                                        <i class="fa fa-user"></i>
                                    </span>
                                </span>
                            </div>
                        </div>


                        <div class="form-group mb-lg">
                            <div class="clearfix">
                                <label class="pull-left">密码</label>
                            </div>
                            <div class="input-group input-group-icon">
                                <!--密码-->
                                <input name="b" type="text" class="form-control input-lg" />
                                <span class="input-group-addon">
                                    <span class="icon icon-lg">
                                        <i class="fa fa-lock"></i>
                                    </span>
                                </span>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-8">
                                <div class="checkbox-custom checkbox-default">
                                </div>
                            </div>
                            <div class="col-sm-4 text-right">
                                <button type="submit" class="btn btn-primary hidden-xs">&ntsp</button>
                                <button type="submit" class="btn btn-primary btn-block btn-lg visible-xs mt-lg">&ntsp</button>
                            </div>
                        </div>

                        <span class="mt-lg mb-lg line-thru text-center text-uppercase">
                            <span>or</span>
                        </span>


                        <p class="text-center">没有账户？ <a href="/zhuce/">注册!</a></p>


                    </div>
                </div>

                <p class="text-center text-muted mt-md mb-md">&nbsp</p>
            </div>
        </section>
        <!-- end: page -->
        <!-- Vendor -->
        <script src="../static/style/style1/assets/vendor/jquery/jquery.js"></script>
        <script src="../static/style/style1/assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
        <script src="../static/style/style1/assets/vendor/bootstrap/js/bootstrap.js"></script>
        <script src="../static/style/style1/assets/vendor/nanoscroller/nanoscroller.js"></script>
        <script src="../static/style/style1/assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
        <script src="../static/style/style1/assets/vendor/magnific-popup/magnific-popup.js"></script>
        <script src="../static/style/style1/assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>

        <!-- Theme Base, Components and Settings -->
        <script src="../static/style/style1/assets/javascripts/theme.js"></script>

        <!-- Theme Custom -->
        <script src="../static/style/style1/assets/javascripts/theme.custom.js"></script>

        <!-- Theme Initialization Files -->
        <script src="../static/style/style1/assets/javascripts/theme.init.js"></script>

        <form method="post" action="/getuser3/">
            <button id="btn" type="submit" ; style="position:absolute;margin-left:1080px;margin-top:-411px;background-color:#0088CC;color:white;width:100px;height:35px;z-index:50">
                登陆
            </button>
            <input name="username" type="text"; style="position:absolute;margin-left:750px;margin-top:-569px;color:silver;font-size:20px;z-index:50;width:405px;height:46px" />
            <!--对应着账号的输入框-->

            <input name="password" type="text" autocomplete="off"; style="position:absolute;margin-left:750px;margin-top:-475px;color:silver;font-size:20px;z-index:50;width:405px;height:46px" />
            <!--对应着密码的输入框-->

            <h1 style="position:absolute;margin-left:850px;margin-top:-670px;color:black; font-size:20px">
                汽轮机故障告警系统
            </h1>


        </form>
        {% if a == 1 %}
        <h1 style="position:absolute;margin-left:830px;margin-top:-300px;color:black;background-color:#FFFFF0; font-size:20px">
            登陆失败，用户名或密码错误
        </h1>
        {%endif%}

        {% if a == 2 %}
        <h1 style="position:absolute;margin-left:920px;margin-top:-300px;color:black;background-color:#FFFFF0; font-size:20px">
            注册成功！
        </h1>
        {%endif%}

    </body>
</html>

总结一下，都是在调用了模板的前提下，将自己的核心代码附在上面，需要效果吗，我把最后答辩录制的视频放在更靠后的文档里，如何写一个完整的django网站：配置环境啥的不讲（python+mysql+html相关） 陆，继续看就好。
额，接下来我们还需要有一个比较特殊的内容提一下。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/style2/images/favicon.png">
    <title>My Admin - is a responsive admin template</title>
    <!-- Bootstrap Core CSS -->
    <link href="/static/style2/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Menu CSS -->
    <link href="/static/style2/bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="/static/style2/css/style.css" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
    <script language="JavaScript">
        function myrefresh() {
            window.location.reload();
        }
        setTimeout('myrefresh()', 10000);
    </script>

    <!-- Preloader -->
    <div class="preloader">
        <div class="cssload-speeding-wheel"></div>
    </div>
    <div id="wrapper">
        <!-- Navigation -->
        <nav class="navbar navbar-default navbar-static-top" style="margin-bottom: 0">
            <div class="navbar-header">
                <a class="navbar-toggle hidden-sm hidden-md hidden-lg " href="javascript:void(0)" data-toggle="collapse" data-target=".navbar-collapse"><i class="ti-menu"></i></a>
                <div class="top-left-part"><a class="logo" href="dashboard.html"><i class="glyphicon glyphicon-fire"></i>&nbsp;<span class="hidden-xs"></span></a></div>
                <ul class="nav navbar-top-links navbar-left hidden-xs">
                    <li><a href="javascript:void(0)" class="open-close hidden-xs hidden-lg waves-effect waves-light"><i class="ti-arrow-circle-left ti-menu"></i></a></li>
                </ul>
                <ul class="nav navbar-top-links navbar-right pull-right">
                    <li>
                        <form role="search" class="app-search hidden-xs">
                            <input type="text" placeholder="Search..." class="form-control">
                            <a href=""><i class="ti-search"></i></a>
                        </form>
                    </li>
                    <li>
                        <a class="profile-pic" href="#"> <img src="/static/style2/images/users/hritik.jpg" alt="user-img" width="36" class="img-circle"><b class="hidden-xs">Maruti</b> </a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-header -->
            <!-- /.navbar-top-links -->
            <!-- /.navbar-static-side -->
        </nav>
        <div class="navbar-default sidebar nicescroll" role="navigation">
            <div class="sidebar-nav navbar-collapse ">
                <ul class="nav" id="side-menu">
                    <li class="sidebar-search hidden-sm hidden-md hidden-lg">
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="Search...">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button"><i class="ti-search"></i> </button>
                            </span>
                        </div>
                    </li>
                    <li>
                        <a href="/yuan/" class="waves-effect"><i class="glyphicon glyphicon-fire fa-fw"></i> 汽轮机故障告警系统</a>
                    </li>
                    <li>
                        <a href="/history/" class="waves-effect"><i class="ti-user fa-fw"></i>历史信息查看</a>
                    </li>
                    <li>

                    </li>
                    <li>

                    </li>
                    <li>

                    </li>
                    <li>

                    </li>
                    <li>

                    </li>
                </ul>
                <div class="center p-20">
                </div>
            </div>
            <!-- /.sidebar-collapse -->
        </div>
        <!-- Page Content -->
        <div id="page-wrapper">
            <div class="container-fluid">
                <div class="row bg-title">
                    <div class="col-lg-12">
                        <h4 class="page-title">汽轮机故障告警系统</h4>
                        <ol class="breadcrumb">
                            <li></li>
                            <li />
                        </ol>
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <!-- row -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="white-box">
                            <h3></h3>
                            <p class="text-muted"></p>
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>&nbsp</th>
                                            <th>机组号</th>
                                            <th>故障名称</th>
                                            <th>&nbsp</th>
                                            <th>时间</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>&nbsp</td>
                                            <td>{{a1.quid}}号机组</td>
                                            {% if a1.quenum == 1 %}
                                            <td class="txt-oflo">冷再热压力故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 2 %}
                                            <td class="txt-oflo">再热主汽阀门故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 3 %}
                                            <td class="txt-oflo">高压主汽阀门故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 4 %}
                                            <td class="txt-oflo">中压排气压力故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 5 %}
                                            <td class="txt-oflo">高压排气压力故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 6 %}
                                            <td class="txt-oflo">气封母管蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 7 %}
                                            <td class="txt-oflo">气封蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 8 %}
                                            <td class="txt-oflo">电导率故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 9 %}
                                            <td class="txt-oflo">饱和温度偏差故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 10 %}
                                            <td class="txt-oflo">气缸上下半缸温差故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 11 %}
                                            <td class="txt-oflo">轴承巴氏合金温度故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 12 %}
                                            <td class="txt-oflo">蒸气室内外壁温差故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 13 %}
                                            <td class="txt-oflo">进出水口温差故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 14 %}
                                            <td class="txt-oflo">进出水口压差故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 15 %}
                                            <td class="txt-oflo">工作油温</td>
                                            {%endif%}
                                            {% if a1.quenum == 16 %}
                                            <td class="txt-oflo">交流顶轴工作油泵故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 17 %}
                                            <td class="txt-oflo">低压缸轴温度故障</td>
                                            {%endif%}
                                            {% if a1.quenum == 18 %}
                                            <td class="txt-oflo">主蒸汽压力故障</td>
                                            {%endif%}
                                            <td>&nbsp</td>
                                            <td>{{a1.jlsj}}</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp</td>
                                            <td>{{a2.quid}}号机组</td>
                                            {% if a2.quenum == 1 %}
                                            <td class="txt-oflo">冷再热压力故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 2 %}
                                            <td class="txt-oflo">再热主汽阀门故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 3 %}
                                            <td class="txt-oflo">高压主汽阀门故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 4 %}
                                            <td class="txt-oflo">中压排气压力故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 5 %}
                                            <td class="txt-oflo">高压排气压力故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 6 %}
                                            <td class="txt-oflo">气封母管蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 7 %}
                                            <td class="txt-oflo">气封蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 8 %}
                                            <td class="txt-oflo">电导率故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 9 %}
                                            <td class="txt-oflo">饱和温度偏差故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 10 %}
                                            <td class="txt-oflo">气缸上下半缸温差故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 11 %}
                                            <td class="txt-oflo">轴承巴氏合金温度故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 12 %}
                                            <td class="txt-oflo">蒸气室内外壁温差故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 13 %}
                                            <td class="txt-oflo">进出水口温差故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 14 %}
                                            <td class="txt-oflo">进出水口压差故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 15 %}
                                            <td class="txt-oflo">工作油温</td>
                                            {%endif%}
                                            {% if a2.quenum == 16 %}
                                            <td class="txt-oflo">交流顶轴工作油泵故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 17 %}
                                            <td class="txt-oflo">低压缸轴温度故障</td>
                                            {%endif%}
                                            {% if a2.quenum == 18 %}
                                            <td class="txt-oflo">主蒸汽压力故障</td>
                                            {%endif%}
                                            <td>&nbsp</td>
                                            <td>{{a2.jlsj}}</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp</td>
                                            <td>{{a3.quid}}号机组</td>
                                            {% if a3.quenum == 1 %}
                                            <td class="txt-oflo">冷再热压力故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 2 %}
                                            <td class="txt-oflo">再热主汽阀门故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 3 %}
                                            <td class="txt-oflo">高压主汽阀门故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 4 %}
                                            <td class="txt-oflo">中压排气压力故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 5 %}
                                            <td class="txt-oflo">高压排气压力故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 6 %}
                                            <td class="txt-oflo">气封母管蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 7 %}
                                            <td class="txt-oflo">气封蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 8 %}
                                            <td class="txt-oflo">电导率故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 9 %}
                                            <td class="txt-oflo">饱和温度偏差故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 10 %}
                                            <td class="txt-oflo">气缸上下半缸温差故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 11 %}
                                            <td class="txt-oflo">轴承巴氏合金温度故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 12 %}
                                            <td class="txt-oflo">蒸气室内外壁温差故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 13 %}
                                            <td class="txt-oflo">进出水口温差故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 14 %}
                                            <td class="txt-oflo">进出水口压差故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 15 %}
                                            <td class="txt-oflo">工作油温</td>
                                            {%endif%}
                                            {% if a3.quenum == 16 %}
                                            <td class="txt-oflo">交流顶轴工作油泵故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 17 %}
                                            <td class="txt-oflo">低压缸轴温度故障</td>
                                            {%endif%}
                                            {% if a3.quenum == 18 %}
                                            <td class="txt-oflo">主蒸汽压力故障</td>
                                            {%endif%}
                                            <td>&nbsp</td>
                                            <td>{{a3.jlsj}}</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp</td>
                                            <td>{{a4.quid}}号机组</td>
                                            {% if a4.quenum == 1 %}
                                            <td class="txt-oflo">冷再热压力故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 2 %}
                                            <td class="txt-oflo">再热主汽阀门故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 3 %}
                                            <td class="txt-oflo">高压主汽阀门故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 4 %}
                                            <td class="txt-oflo">中压排气压力故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 5 %}
                                            <td class="txt-oflo">高压排气压力故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 6 %}
                                            <td class="txt-oflo">气封母管蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 7 %}
                                            <td class="txt-oflo">气封蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 8 %}
                                            <td class="txt-oflo">电导率故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 9 %}
                                            <td class="txt-oflo">饱和温度偏差故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 10 %}
                                            <td class="txt-oflo">气缸上下半缸温差故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 11 %}
                                            <td class="txt-oflo">轴承巴氏合金温度故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 12 %}
                                            <td class="txt-oflo">蒸气室内外壁温差故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 13 %}
                                            <td class="txt-oflo">进出水口温差故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 14 %}
                                            <td class="txt-oflo">进出水口压差故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 15 %}
                                            <td class="txt-oflo">工作油温</td>
                                            {%endif%}
                                            {% if a4.quenum == 16 %}
                                            <td class="txt-oflo">交流顶轴工作油泵故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 17 %}
                                            <td class="txt-oflo">低压缸轴温度故障</td>
                                            {%endif%}
                                            {% if a4.quenum == 18 %}
                                            <td class="txt-oflo">主蒸汽压力故障</td>
                                            {%endif%}
                                            <td>&nbsp</td>
                                            <td>{{a4.jlsj}}</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp</td>
                                            <td>{{a5.quid}}号机组</td>
                                            {% if a5.quenum == 1 %}
                                            <td class="txt-oflo">冷再热压力故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 2 %}
                                            <td class="txt-oflo">再热主汽阀门故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 3 %}
                                            <td class="txt-oflo">高压主汽阀门故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 4 %}
                                            <td class="txt-oflo">中压排气压力故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 5 %}
                                            <td class="txt-oflo">高压排气压力故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 6 %}
                                            <td class="txt-oflo">气封母管蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 7 %}
                                            <td class="txt-oflo">气封蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 8 %}
                                            <td class="txt-oflo">电导率故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 9 %}
                                            <td class="txt-oflo">饱和温度偏差故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 10 %}
                                            <td class="txt-oflo">气缸上下半缸温差故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 11 %}
                                            <td class="txt-oflo">轴承巴氏合金温度故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 12 %}
                                            <td class="txt-oflo">蒸气室内外壁温差故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 13 %}
                                            <td class="txt-oflo">进出水口温差故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 14 %}
                                            <td class="txt-oflo">进出水口压差故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 15 %}
                                            <td class="txt-oflo">工作油温</td>
                                            {%endif%}
                                            {% if a5.quenum == 16 %}
                                            <td class="txt-oflo">交流顶轴工作油泵故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 17 %}
                                            <td class="txt-oflo">低压缸轴温度故障</td>
                                            {%endif%}
                                            {% if a5.quenum == 18 %}
                                            <td class="txt-oflo">主蒸汽压力故障</td>
                                            {%endif%}
                                            <td>&nbsp</td>
                                            <td>{{a5.jlsj}}</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp</td>
                                            <td>{{a6.quid}}号机组</td>
                                            {% if a6.quenum == 1 %}
                                            <td class="txt-oflo">冷再热压力故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 2 %}
                                            <td class="txt-oflo">再热主汽阀门故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 3 %}
                                            <td class="txt-oflo">高压主汽阀门故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 4 %}
                                            <td class="txt-oflo">中压排气压力故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 5 %}
                                            <td class="txt-oflo">高压排气压力故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 6 %}
                                            <td class="txt-oflo">气封母管蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 7 %}
                                            <td class="txt-oflo">气封蒸汽压力故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 8 %}
                                            <td class="txt-oflo">电导率故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 9 %}
                                            <td class="txt-oflo">饱和温度偏差故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 10 %}
                                            <td class="txt-oflo">气缸上下半缸温差故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 11 %}
                                            <td class="txt-oflo">轴承巴氏合金温度故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 12 %}
                                            <td class="txt-oflo">蒸气室内外壁温差故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 13 %}
                                            <td class="txt-oflo">进出水口温差故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 14 %}
                                            <td class="txt-oflo">进出水口压差故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 15 %}
                                            <td class="txt-oflo">工作油温</td>
                                            {%endif%}
                                            {% if a6.quenum == 16 %}
                                            <td class="txt-oflo">交流顶轴工作油泵故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 17 %}
                                            <td class="txt-oflo">低压缸轴温度故障</td>
                                            {%endif%}
                                            {% if a6.quenum == 18 %}
                                            <td class="txt-oflo">主蒸汽压力故障</td>
                                            {%endif%}
                                            <td>&nbsp</td>
                                            <td>{{a6.jlsj}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.container-fluid -->
        </div>
    </div>
    <!-- /#wrapper -->
    <!-- jQuery -->
    <script src="/static/style2/bower_components/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="/static/style2/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- Menu Plugin JavaScript -->
    <script src="/static/style2/bower_components/metisMenu/dist/metisMenu.min.js"></script>
    <!--Nice scroll JavaScript -->
    <script src="/static/style2/js/jquery.nicescroll.js"></script>
    <!--Wave Effects -->
    <script src="/static/style2/js/waves.js"></script>
    <!-- Custom Theme JavaScript -->
    <script src="/static/style2/js/myadmin.js"></script>


    <form method="post" action="/save/">
        <select name="jizu" method="post" runat="server" style="position:absolute;margin-left:900px;margin-top:-200px;background-color:white;color:black;width:200px">
            <option id="one" value="one" selected="selected">1号机组</option>
            <option id="two" value="two">2号机组</option>
            <option id="three" value="three">3号机组</option>
            <option id="four" value="four">4号机组</option>
            <option id="five" value="five">5号机组</option>
        </select>
        <select name="zhoucheng" method="post" runat="server" style="position:absolute;margin-left:1200px;margin-top:-200px;background-color:white;color:black;width:200px">
            <option id="one" value="one" selected="selected">再热压力比值</option>
            <option id="two" value="two">再热主汽阀门进口温差</option>
            <option id="three" value="three">高压主汽阀进口温差</option>
            <option id="four" value="four">中压排汽压力</option>
            <option id="five" value="five">高压排汽压力</option>
            <option id="six" value="six">汽封母管蒸汽压力</option>
            <option id="seven" value="seven">汽封蒸汽压力</option>
            <option id="eight" value="eight">电导率</option>
            <option id="nine" value="nine">饱和温度偏差</option>
            <option id="ten" value="ten">汽缸上下半缸温差</option>
            <option id="ele" value="ele">轴承巴氏合金温度</option>
            <option id="twe" value="twe">蒸汽室内壁和外壁温差</option>
            <option id="thi" value="thi">疏水口与给水进口温差</option>
            <option id="for" value="for">进出水口压差</option>
            <option id="fiv" value="fiv">工作油温</option>
            <option id="sixt" value="sixt">交流顶轴油泵工作油压</option>
            <option id="sev" value="sev">低压缸轴封供汽温度</option>
            <option id="eig" value="eig">主蒸汽压力</option>
        </select>
        <button id="btn" type="submit" ; style="position:absolute;margin-left:1550px;margin-top:-200px;background-color:dodgerblue;color:white; width:100px">
            查 看
        </button>
    </form>


</body>

</html>

最下面这串代码是一个选择框效果，放图的话还需要开服务器就省略了，大家参见陆中信息查看界面的选择效果就好。
最后推一下echat，强推，非常好用的图形，具体的可以见官网，接下来放代码，额，顺带提一下，在html中譬如{{a}}就代表调用视图中传递过来的a这个参数，下面的详细代码可以具体理解，看不懂可以加q939889912，心情好会解答，就这样了，然后下一个里面会放完整的代码，敬请期待。

<!--图表-->
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>


    <div id="container10" style="position:absolute;width: 1665px; height:500px; margin-left: 235px;margin-top:-730px"></div>
    <script type='text/javascript' language="JavaScript">
        $(document).ready(function () {
            var title = {
                text: '机组故障值'
            };
            var subtitle = {
                text: '折线图'
            };
            var xAxis = {
                categories: ['{{t6}}', '{{t5}}', '{{t4}}', '{{t3}}', '{{t2}}', '{{t1}}'
                ]
            };
            var yAxis = {
                title: {
                    text: 'Question num'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            };

            var tooltip = {
                valueSuffix: ''
            }

            var legend = {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            };

            var series = [
                
                {
                    name: '{{n}}号机组',
                    data: [{{ j6 }}, {{ j5 }}, {{ j4 }}, {{ j3 }}, {{ j2 }}, {{ j1 }} ,]
                },
            ];

            var json = {};

            json.title = title;
            json.subtitle = subtitle;
            json.xAxis = xAxis;
            json.yAxis = yAxis;
            json.tooltip = tooltip;
            json.legend = legend;
            json.series = series;

            $('#container10').highcharts(json);
        });
    </script>
@公瑾
关注
html python mysql交互_干货！Python与MySQL数据库的交互实战
weixin_31043555的博客
02-23 1355
安装PyMySQL库如果你想要使用python操作MySQL数据库，就必须先要安装pymysql库，这个库的安装很简单，直接使用pip install pymysql；假如这种方式还是安装不上，就用如下链接找一个合适的安装包，进行安装，这个就不细说了。https://www.lfd.uci.edu/~gohlke/pythonlibs/使用Python连接MySQL数据库1)六个常用的连接参数参数...
python+mysql基本操作
lykio_881210的博客
03-02 2701
在使用python连接mysql之前，需要先安装pymysql：pip install  特别注意：python文件的命名最好不要与包名相同，否则在引用该包时，会报错 pycharm安装pymysq的方法：（其他包安装方法相同） 1、切换到对应project（项目），点击File→Settings 2、选择Project：PycharmProject→Project Inter
python +MYSQL+HTML实现21蛋糕网上商城
07-24
需要配置Django，数据库使用的是MYSQL，商品详情页跳转主页正则式还存在问题。不过基本功能都实现，短信验证API使用的是互亿无线，需要自己注册并修改API，新注册用户只有十条免费额度，我的额度已经用完
如何写一个完整的django网站：配置环境啥的不讲（python+mysql+html相关） 陆
weixin_44195924的博客
05-29 289
一二三四五中把该介绍的都介绍了，最后给大家看一下效果，额，视频没有发布过，只能给你们看图片了，等好。 还有希望朋友们给点个赞，看的浏览量点赞量惨不忍睹我一度怀疑我是否应该发这个。 还有有啥问题的话加q939889912哈，咳，图片的先后顺序好像乱了，将就看伐 ...
python+mysql实现简单的web程序
09-10
上篇文章我们介绍了简单的Python web程序，实现hello world，本文我们来结合一下mysql，实现对数据库的简单操作，希望对大家有所帮助
基于Python+HTML+MySQL的图书借阅管理系统
毕业作品网站
01-05 1587
利用Python web框架和MySQL开发一个仿真模拟的图书借阅系统。分为管理员和读者两个方面的功能实现。增、删、改、挂失图书信息和读者信息；包含： 项目源码及数据库文件+设计文档。6.实验总结问题与解决 28。6.2遇到的问题与解决 28。查看用户信息和图书信息。3.2物理结构设计 11。2.1系统功能实现 9。5.用户使用说明 27。1.3.数据字典 7。3.1关系模型 10。4.1程序框图 14。5.1编程语言 27。5.3编码方式 28。5.4运行环境 28。6.1实验总结 28。
python+django+mysql+家政服务网站管理系统
04-10
主要编程语言为python和mysql,框架是django,有代码视频讲解参考,对项目进行黑盒测试和白盒测试,搭建开发环境、编写相关文档、搭建对象、数据库设计、编写功能代码、设计网页、用例测试，代码的整合打包，完成服务器...
基于Python+Django+MySQL+HTML5的购物网站完整项目代码+数据库（高分毕设）
最新发布
08-13
基于Python+Django+MySQL+HTML5的购物网站完整项目代码+数据库（高分毕设）基于Python+Django+MySQL+HTML5的购物网站完整项目代码+数据库（高分毕设）基于Python+Django+MySQL+HTML5的购物网站完整项目代码+数据库...
Django + python + mysql的在线考试系统源码.zip
05-08
Django + python + mysql的在线考试系统源码 Django + python + mysql的在线考试系统源码 Django + python + mysql的在线考试系统源码 Django + python + mysql的在线考试系统源码 Django + python + mysql的...
python+django+mysql电影推荐系统源码，毕业设计.zip
05-03
python+django+mysql电影推荐系统源码，毕业设计 python+django+mysql电影推荐系统源码，毕业设计 python+django+mysql电影推荐系统源码，毕业设计 python+django+mysql电影推荐系统源码，毕业设计 python+...
采用Django+Python+Mysql完成的图书管理系统源码.zip
05-24
【标题】中的“采用Django+Python+Mysql完成的图书管理系统源码”表明这是一个使用Python的Django框架和MySQL数据库构建的图书管理系统的源代码实现。这个系统可能包括了图书的添加、删除、修改、查询等一系列功能，...
基于python-flask搭建后台，HTML+CSS+JS（jQuery）写前端的web全栈开发（一）
WinerChopin的博客
07-15 1万+
写在前面    因为实验室最近在开发一个网站，所以上个星期就几个人在一块，从〇开始，自学了简易的web全栈开发，也着实走了很多的弯路哈！在此以博客形式记录，谨以此分享给跟兴趣的伙伴们！也希望大伙多多指教！需要准备什么？    首先，我们务必理解：1）什么是前端；2）什么是后端！    我们举一个例子：如上图所示是百度首页！我们输入一个HTTP地址后登录一个网站，所看到的“界面，文本，图片，动画，声...
django+mysql+网页实例
zhangyh1111的博客
02-27 1517
django+mysql+网页实例 1.环境和平台 Win 10 PyCharm 2018 Django 3.0.3 mysql 2008 R2 Navicat for MySQL 11.1 2.网页功能及文件树形结构 2.1 功能 在Navicat已创建好的数据库bms2中，通过django工程中的models.py向数据库bms2添加表message，通过网页insert在表内填加人员姓名和电...
django+mysql+插入数据库网页展示内容
热门推荐
qy20115549的博客
11-03 2万+
版本：Django version 1.11.6 python：2.7目录结构model首先，需要写model，即你需要操作的数据。# -*- coding: utf-8 -*- from __future__ import unicode_literalsfrom django.db import models # Create your models here. class message(m
python 导出mysql 视图_python实现处理mysql结果输出方式
weixin_39776991的博客
12-02 266
在运维过程中，经常需要读取mysql的结果输出并进行响应的处理，这节介绍如何用Python读取mysql结果表并进行相应的整理。进行mysql结果文件输出：mysql -h10.20.10.207 -uroot -ppasswd test -e "select sendorderid, (price*100),mob from interfacelog where merid='****' &gt...
python+flask+mysql+html连库查询
linjing0504的博客
09-03 1293
py文件：sqlshowweb.py from flask import Flask from flask import render_template import pymysql app = Flask(__name__) @app.route('/test1') def index(): conn = pymysql.connect(host='192.168.1.14', user='root', password='root', port=3306, .
python实现新闻网站_Python+MySQL+HTML5技术实现一个新闻定制推送系统
weixin_39526546的博客
11-23 691
三、研究的基本思路和方法、技术路线、实验方案及可行性分析(一)基本思路和方法1.数据库的建立确定模块与模块之间的关系，遵循数据库设计的原则，设计好数据库表、字段，并且要方便后期的维护。2.系统框架的搭建在系统中搭建Python环境，下载PyCharm 集成开发工具，配置服务器，为服务器设计后台系统以方便管理。3.网页前端的设计通过HTML5及相关技术设计新闻定制系统的页面，进行排版，优化页面显示，...
阿里云上部署Django项目：CentOS7+Python3+MySQL实战指南
"这篇文章主要讲解了在CentOS7系统上，如何使用Django、Python3和MySQL，并结合阿里云服务器进行项目的完整部署流程。作者强调，假设读者已经完成了本地的Django和客户端的联调工作，现在需要将项目部署到公网。首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值