index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>新闻言论自动提取</title>
        <link type="text/css" href="/static/css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" href="./static/css/bootstrap-theme.css">
        <script src="./static/js/jquery.js"></script>
        <script src="./static/js/bootstrap.js"></script>

        <script>
                function myfunction(){
                    
                    var str = '{{name}}';
                    var a = str.replace(/&quot;/g,"\"");
                    var data = JSON.parse(a);


                    head = '<table class="table"><caption>新闻言论提取</caption><thead> \
                                <tr><th>人名/机构名</th><th>动作</th><th>内容</th> </tr> </thead>'
                        
                    content = '<tbody>'


                    for(var key in data){
                        var length_list = data[key];
                        content = content + '<tr>' + '<td>' + length_list[0] + '</td>' + '<td>' + length_list[1] + '</td>' + '<td>' + length_list[2] + '</td>' + '</tr>' ;                  
                    }
                    content = content + '</tbody>' + '</table>'
                    content = head + content
                    return content
                }
        </script>
    </head>
    <body>
            <!--<script>document.write("<p1>hello {{name}}</p1>")</script>-->
            <div style="padding: 50px 50px 50px;">

                <form class="bs-example bs-example-form" role="form" method="post">
                    <div class="input-group">
                        <span class="input-group-addon">news</span>
                        <input type="text" class="form-control" name="string" placeholder="新闻文本内容" />
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                    
                </form>
            </div>
            

            <script>document.write(myfunction())</script>

            <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
                版权 © github.com/mosbest</div>

                     
    </body>
</html>