mini-web框架-个人选股制作

一、数据准备

  1. 效果:
    首页:
    在这里插入图片描述
    个人中心:
    在这里插入图片描述

  2. 目录结构:

    D:.
    │  log.txt
    │  mysql数据准备.sql
    │  README.md
    │  run.sh
    │  web-server.py
    │  web_server.conf
    │
    ├─dynamic
    │  │  mini_frame.py
    │  │  __init__.py
    │  │
    │  └─__pycache__
    │          mini_frame.cpython-37.pyc
    │          __init__.cpython-37.pyc
    │
    ├─static
    │  ├─css
    │  │      bootstrap-responsive.css
    │  │      bootstrap-responsive.min.css
    │  │      bootstrap.css
    │  │      bootstrap.min.css
    │  │
    │  ├─img
    │  │      glyphicons-halflings-white.png
    │  │      glyphicons-halflings.png
    │  │
    │  └─js
    │          bootstrap.js
    │          bootstrap.min.js
    │          jquery.js
    │          jquery.min.js
    │          jquery.min.map
    │
    ├─templates
    │      center.html
    │      index.html
    │      update.html
    
  3. center.html

    <!DOCTYPE html>
    <html lang="zh-CN">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>个人中心 - 个人选股系统 V5.87</title>
        <link href="/css/bootstrap.min.css" rel="stylesheet">
      </head>
      <body>
    <div class="navbar navbar-inverse navbar-static-top ">
        <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#mymenu">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
             </button>
             <a href="#" class="navbar-brand">选股系统</a>
        </div>
        <div class="collapse navbar-collapse" id="mymenu">
            <ul class="nav navbar-nav">
                <li ><a href="/index.html">股票信息</a></li>
                <li class="active"><a href="/center.html">个人中心</a></li>
            </ul>
     
        </div>
        </div>
    </div>
      <div class="container">
     
        <div class="container-fluid">
     
          <table class="table table-hover" style="background-color: #f1fde1">
            <tr style="background-color:#a6e22b;">
                <th>股票代码</th>
                <th>股票简称</th>
                <th>涨跌幅</th>
                <th>换手率</th>
                <th>最新价(元)</th>
                <th>前期高点</th>
                <th style="color:red">备注信息</th>
                <th>修改备注</th>
                <th>删除</th>
            </tr>                    
          </table>
          {%content%} 
        </div>
      </div>
        <script  src="/js/jquery.js"></script>
        <!-- <script src="/js/bootstrap.min.js"></script> -->
          <script type="text/javascript">
            $(document).ready(function(){
          
               $("input[name='toDel']").each(function(){
          
                        var currentAdd = $(this);
                        var code = $(this).attr("systemIdVaule");          
                        currentAdd.click(function(){
          
                            code = $(this).attr("systemIdVaule");
                            // alert("/del/" + code + ".html");
                            $.get("/del/" + code + ".html", function(data, status){
          
                                alert("数据: " + data + "\n状态: " + status);
                                window.location.reload();
                            });
                        });
                    });
        });
      </script>
      </body>
    </html>            
    
  4. index.html

    <!DOCTYPE html>
    <html lang="zh-CN">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>首页 - 个人选股系统 V5.87</title>
        <link href="/css/bootstrap.min.css" rel="stylesheet">
      </head>
    <body>
    <div class="navbar navbar-inverse navbar-static-top ">
        <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#mymenu">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
             </button>
             <a href="#" class="navbar-brand">选股系统</a>
        </div>
        <div class="collapse navbar-collapse" id="mymenu">
            <ul class="nav navbar-nav">
                <li class="active"><a href="/index.html">股票信息</a></li>
                <li><a href="/center.html">个人中心</a></li>
            </ul>
        </div>
        </div>
    </div>
      <div class="container">
     
        <div class="container-fluid">
     
          <table class="table table-hover" style="background-color: #f1fde1">
            <tr style="background-color:#a6e22b;">
                <th>序号</th>
                <th>股票代码</th>
                <th>股票简称</th>
                <th>涨跌幅</th>
                <th>换手率</th>
                <th>最新价(元)</th>
                <th>前期高点</th>
                <th>前期高点日期</th>
                <th>添加自选</th>
            </tr>          
          </table>
          {%content%}
        </div>
      </div>
        <script  src="/js/jquery.js"></script>
        <!-- <script src="/js/bootstrap.min.js"></script> -->
        <script type="text/javascript">
            $(document).ready(function(){
          
               $("input[name='toAdd']").each(function(){
          
                        var currentAdd = $(this);
                        var code = $(this).attr("systemIdVaule");          
                        currentAdd.click(function(){
          
                            code = $(this).attr("systemIdVaule");
                            // alert("/add/" + code + ".html");
                            $.get("/add/" + code + ".html", function(data, status){
          
                                alert("数据: " + data + "\n状态: " + status);
                                window.location.reload();
                            });
                        });
                    });
        });
      </script>
      </body>
    </html>            
    
  5. update.html

    <!DOCTYPE html>
    <html lang="zh-CN">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>首页 - 个人选股系统 V5.87</title>
        <link href="/css/bootstrap.css" rel="stylesheet">
        <script  src="/js/jquery.js"></script>
        <!-- <script src="/js/bootstrap.js"></script> -->
        <script>
        $(document).ready(function(){
          
            $("#update").click(function(){
          
                var item = $("#note_info").val();
                // alert("/update/{%code%}/" + item + ".html");
                $.get("/update/{%code%}/" + item + ".html", function(data, status){
          
                    alert("数据: " + data + "\n状态: " + status);
                    self.location='/center.html';
                });
            });
        });
      </script>
      </head>
      <body>
    <div class="navbar navbar-inverse navbar-static-top ">
        <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#mymenu">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
             </button>
             <a href="#" class="navbar-brand">选股系统</a>
        </div>
        <div class="collapse navbar-collapse" id="mymenu">
            <ul class="nav navbar-nav">
                <li><a href="/
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值