页面化展示

最新推荐文章于 2022-06-08 19:34:59 发布
最新推荐文章于 2022-06-08 19:34:59 发布
阅读量91 收藏
点赞数
分类专栏： 项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KazeHelloWorld/article/details/119611558
版权

页面化展示


做badcase分析，页面化查询

脚本

# coding:utf-8
import collections
import sys

from flask import Flask, render_template, request
import jieba
import leveldb
import pandas as pd
import time
import pickle

app = Flask(__name__)
level_obj = None


class LevelDb(object):
    def __init__(self, path):
        self.path = path
        self.db = None

    def load_db(self):
        st = time.time()
        self.db = pickle.load(open('whole_data.pkl', 'rb'))

        print('load over time out: {}'.format(time.time() - st))

    def find_term_nums(self, term):
        num = 0
        try:
            values = self.db.Get(term.encode("utf-8")).decode("utf-8")
            num = int(values.split("\x01\x01")[0])
        except:
            pass
        return num

    def find_term_values(self, term, req_term):
        res = []
        try:
            values = self.db.Get(term.encode("utf-8")).decode("utf-8")
            values = values.split("\x01\x01")[1]
            values_list = values.split("\x01")
            for value in values_list:
                label, source_sku_name, target_sku_name, freq = value.split("\t")
                if source_sku_name.find(req_term) < 0:
                    continue
                for _ in range(int(freq)):
                    res.append([source_sku_name, target_sku_name, label])
        except:
            pass
        # print(res)
        res.sort(key=lambda x: x[2])
        return res

    def find(self, term):
        res = []
        cnt_dic = collections.defaultdict(int)
        for k in self.db:
            if term in k:
                cid, cna = self.db[k]
                cnt_dic[cna] += 1
                res.append([k, cid, cna])
        return res, cnt_dic


@app.route('/', methods=['POST', 'GET'])
def get_sample():
    global level_obj
    st = time.time()
    result_find = {}
    if request.method == 'POST':
        req_term = request.form['Term']
        print(req_term)

        # seg_list = list(jieba.cut(req_term, cut_all=False))
        final_res, cnt_dic = level_obj.find(req_term)
        print(len(final_res))
        result_find['res'] = final_res
        result_find['dic'] = [[k, v] for k, v in cnt_dic.items()]
        result_find['input'] = req_term
        print('time out: {}'.format(time.time() - st))
    return render_template('web.html', result=result_find)


if __name__ == '__main__':
    db_path = sys.argv[1]
    level_obj = LevelDb(db_path)
    level_obj.load_db()
    app.run(host='0.0.0.0', port=8080, debug=False)

页面

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>


<body>
<p>sku_match_sku_sample_debug</p>
<p>contact with youfei02@meituan.com</p>
<hr />


<form method="POST" onsubmit="return check(this)">
<p>**输入检索片段，检索source_sku_name**</p>
<p>**检索是利用分词在leveldb上建索引：输入为词粒度不然检索不出来；输入最好多个词，单个词展示结果巨多**</p>
<p> 检索片段 <input type = "text" name = "Term" value="" />
<input type = "submit" value = "search" /></p>
</form>

<form method="GET">
<table border="1">
<tr>
    <th>name</th>
    <th>count</th>
</tr>

{% for k, v in result['dic'] %}
<tr>
    <th> {{ k }} </th>
    <th> {{ v }} </th>
</tr>
{% endfor %}

</table>
</form>

<form method="GET">
<table border="1">
<tr>
    <th>normalized_name</th>
    <th>category_id</th>
    <th>category_name</th>
</tr>

{% for source,target,label in result['res'] %}
<tr>
    <th> {{ source }} </th>
    <th> {{ target }} </th>
    <th> {{ label }} </th>
</tr>
{% endfor %}

</table>
</form>


<script language="JavaScript">

    //声明全局数组，用于存放取值
    var inputArr = document.getElementsByTagName("input");

    function check(o)
    {
        var nameStr = "";
        for (var i = 0; i < inputArr.length-1; i++)
        {
            nameStr += inputArr[i].value + ";";
        }
        nameStr += inputArr[inputArr.length - 1];
        window.name = nameStr;
    }

    if (window.name)
    {
        //声明数组，用于存放从window.name中分离出的值
        var nameArr = new Array();
        nameArr = window.name.split(";");

        for (var i = 0; i < nameArr.length; i++)
        {
            if (inputArr[i].type == "text")
            {
                inputArr[i].value = nameArr[i];
            }
        }
    }
</script>



</body>
</html>
KazeHelloWorld
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
静态页面化
lffxsx的博客
10-13 263
静态页面化    一.含义： 页面静态化，其实就是将动态生成的jsp页面，变成静态的HTML页面，让用户直接访问。 二．好处： 1，首先就是访问速度，不需要去访问数据库，或者缓存来获取哪些数据，浏览器直接加载渲染html页即可。所以可以大大的提高访问效率；    2，从网站优化来分析，搜索引擎更喜欢静态的网页，静态网页与动态网页相比，搜索引擎更喜欢静的，更便于抓取，搜索引擎SE
基于 Echarts 实现可视化数据大屏展示
热门推荐
JCat的博客
11-04 7万+
前言 收集了一套基于 Echarts 实现可视化数据大屏响应式展示效果的源码，共计30个页面，可以在此基础上重新开发。 实现方式：html + Echarts 贴图 有需要的可以联系我 暂时不开源，之后会考虑写教程和开源项目。 ...
web页面化工作的前期基础学习（五）——HTML布局
RedVesper的专栏
01-22 356
web页面化    web页面布局，web页面化，前端页面化。这个是一类型工作。    网页的设计作图，以及页面布局工作原来是由一个人完成的 ——设计师。    页面的脚本，页面的数据绑定工作原来是由一个人完成的 ——软件工程师。     而现在，基本上加了一个人的工作，分担了设计师和软件工程师一部分工作 ——前端工程师。     设计师专注于网页画面的设计，不再完成页面
页面静态化技术深入探究
倾城一笑stu
10-20 9163
一、页面静态化的必要性 随着网站的内容的增多和用户访问量的增多，无可避免的是网站加载会越来越慢，受限于带宽和服务器同一时间的请求次数的限制，我们往往需要在此时对我们的网站进行代码优化和服务器配置的优化。一般情况下会从以下方面来做优化：动态页面静态化、优化数据库、使用负载均衡、使用缓存、使用CDN加速。 现在很多网站在建设的时候都要进行静态化的处理，为什么网站要进行静态化处理呢？我们都知道纯静态
HTML页面静态化技术
Spencer_q的博客
08-30 7192
随着网站的内容的增多和用户访问量的增多，无可避免的是网站加载会越来越慢，受限于带宽和服务器同一时间的请求次数的限制，我们往往需要在此时对我们的网站进行代码优化和服务器配置的优化。 此文已Django的电商网站为例（处理高并发问题） 技术点：首页静态化，详情页面静态化，定时任务，异步任务 所谓的静态化技术就是 将查询好的数据填充到模板中,然后将生成的html写入到指定的文件中 静态处理后又给...
可视化展示——web展示页面
lw03060402的博客
06-25 7026
web展示页面展示界面 展示界面 1.这个界面用来选择论文集合，在论文集合选择完成之后，分析出论文集合的一些性质，比如平均reference引用数目，平均字数等等论文集合的特征，并用柱状图等形象化表示出来。 2.页面左侧的部分“论文列表”，这里将展示选择好论文集合以后的论文集合的论文的标题，初步设想是点开标题后可以查看论文的更详细的内容的分析。 输入界面： 3.实现点击上图左侧的论文标题，实现查看相关论文的具体内容的界面，并且可以返回到上图所示界面，从而方便查看其他的论文的具体内容。 4.输入相关的论文
页面静态化介绍
lianyachao的博客
06-08 3410
移动端页面静态化技术
web页面大数据可视化大屏展示案例分享
jian8182的博客
06-09 1万+
部分案例页面展示： 案例1： 案例二： 案例三： 案例四： 案例五： 案例六： 案例七： 案例八： 案例九： 案例十： 案例十一： 案例十二： 案例十三： 案例十四： 案例十五： 。。。。。。 我就不给大家一个一个展示了，50多个案例，核心源码全部奉上，均可在我的源码上进行修改，大家不用在为开发大数据时复杂的界面渲染而发愁，本案例帮助大家快速、简洁的开发出炫酷的大数据页面，大家下载下来自己慢慢研究吧，下载链接如下.
HTML页面展示的JSON格式化展示
RZ_1107的专栏
07-24 2382
对查询到的json格式数据，页面要展示成JSON形式方便查看，不想引入json插件，使用一些方法： 首先定义格式化函数： function syntaxHighlight(json) { if (typeof json != 'string') { json = JSON.stringify(json, undefined, 2); } json = json.replace(/&/g, '&').replace(/</g, '<')
JSON数据在页面上格式化展示
小星落
10-22 1648
如何将一段json字符串在页面上展示出来。 默认是这样 var jdata = JSON.stringify(JSON.parse(jsondata), null, 4); console.log(jdata);//这是在输出框的json数据确实被格式话了 $(".showMessage").html("<pre>"+jdata+</pre> );//这时数据展示正确 ...
页面展示高亮格式化代码
09-15
NULL 博文链接：https://huxc.iteye.com/blog/2263710
html页面展示json数据并格式化的方法
01-21
json数据在html页面展示并格式化 一、展现效果图 描述信息： key值全部采用红色标出，表示重要参数； value值采用不同颜色标出，数值类型的采用橘黄色，字符串采用绿色，布尔采用蓝色。。。 二、源代码展示 <...
展示屏代码集合前端页面
03-01
echarts实现可视化大屏，此代码针对物流类做的一款大屏，希望能帮助到大家，echarts实现可视化大屏，此代码针对物流类做的一款大屏，希望能帮助到大家
HTML WEB网页前端大屏展示页面源代码
04-09
HTML WEB前端大屏页面源代码 大数据可视化WEB页面源代码
Flask使用Pyecharts在单个页面展示多个图表的方法
09-18
主要介绍了Flask使用Pyecharts在单个页面展示多个图表的方法，在Flask页面展示echarts，主要有两种方法，文中给大家介绍的非常详细,需要的朋友可以参考下
1719378276792.jpg
06-26
1719378276792.jpg
054ssm-jsp-mysql旅游景点线路网站.zip（可运行源码+数据库文件+文档）
最新发布
06-26
本系统采用了jsp技术，将所有业务模块采用以浏览器交互的模式，选择MySQL作为系统的数据库，开发工具选择eclipse来进行系统的设计。基本实现了旅游网站应有的主要功能模块，本系统有管理员、和会员，管理员权限如下：个人中心、会员管理、景点分类管理、旅游景点管理、旅游线路管理、系统管理；会员权限如下：个人中心、旅游景点管理、旅游线路管理、我的收藏管理等操作。 对系统进行测试后，改善了程序逻辑和代码。同时确保系统中所有的程序都能正常运行，所有的功能都能操作，并且该系统有很好的操作体验，实现了对于景点和会员双赢。 关键词：旅游网站；jsp;Mysql；
基于单片机的篮球赛计时计分器.doc
06-26
基于单片机的篮球赛计时计分器.doc
python实现数据可视化展示在web页面
06-09
要在Web页面上展示Python绘制的数据可视化图表，可以使用Python的Web框架Flask或Django。下面以Flask为例，介绍如何实现数据可视化展示。 首先，我们需要安装Flask库，可以使用pip安装： ``` pip install flask ``` 接着，我们创建一个Flask应用，并在应用中定义一个路由，通过路由来展示数据可视化图表。以下是一个示例： ```python from flask import Flask, render_template import matplotlib.pyplot as plt import numpy as np from io import BytesIO import base64 app = Flask(__name__) @app.route("/") def index(): # 生成数据 x = np.linspace(0, 10, 100) y = np.sin(x) # 绘制折线图 fig, ax = plt.subplots() ax.plot(x, y) ax.set_title("Sin Function") ax.set_xlabel("X-axis") ax.set_ylabel("Y-axis") # 将图像转换为Base64编码的字符串 buffer = BytesIO() fig.savefig(buffer, format='png') buffer.seek(0) image_base64 = base64.b64encode(buffer.getvalue()).decode() return render_template("index.html", image_base64=image_base64) if __name__ == "__main__": app.run() ``` 这个示例中，我们首先生成了一些数据，然后使用Matplotlib库来绘制折线图。接着，我们将绘制的图像转换为Base64编码的字符串，并将其作为参数传递给模板文件。在模板文件中，我们可以使用HTML和CSS来渲染Web页面，并使用Base64编码的图片来展示数据可视化图表。以下是一个示例模板文件： ```html <!DOCTYPE html> <html> <head> <title>Data Visualization</title> <style type="text/css"> img { display: block; margin: auto; } </style> </head> <body> <h1>Data Visualization</h1> <img src="data:image/png;base64,{{ image_base64 }}" /> </body> </html> ``` 在模板文件中，我们使用img标签来展示Base64编码的图片，并使用CSS来设置图片的居中对齐。你可以根据需要来修改和优化这个代码示例。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值