程序员经验分享-hwhale

02.java实现冷饮批发管理系统-页面设计之【选择店铺页面】

2023-11-08

需求：用户设置完收货地址，系统判断该地址里对应的商铺列表。

HTML 预览

  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="UTF-8">  
  5.         <title>冷饮批发/选择冷饮店铺</title>  
  6.         <link rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css">     
  7.         <link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css">    
  8.         <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />  
  9.         <script type="text/javascript" src="../js/easyui/jquery.min.js"></script>     
  10.         <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>   
  11.         <script type="text/javascript" src="../js/easyui/plugins/datagrid-detailview.js"></script>  
  12.         <script type="text/javascript" src="../js/bootstrap.min.js"></script>  
  13.     </head>  
  14.         <body >    
  15.         <div id="cc" class="easyui-layout" style="width:1000px;height:750px;overflow:hidden;margin: 0 auto;"  border="false" >     
  16.             <div data-options="region:'north'" style="height:50px;" ></div>     
  17.             <div data-options="region:'center'" style="padding:0px;background:#eee;" border="false" >  
  18.                 <!--中间部分-->  
  19.                 <table fit="true" id="dg" class="easyui-datagrid" title="选择冷饮店铺" iconCls="icon-shield"  
  20.                        toolbar="#tb" idField="id" rownumbers="true" singleSelect="true"  pagination="true"  
  21.                        style="width:800px;height:400px"  
  22.                        fitColumns="true" remoteSort="false"  
  23.                        >  
  24.                     <thead>  
  25.                     <tr>  
  26.                         <th field="number" align="center" width="80" hidden="true">编号</th>  
  27.                         <th field="saler" align="center" width="80" >卖家</th>  
  28.                         <th field="name" align="center" width="100" >店铺名称</th>  
  29.                         <!--<th field="maijia" align="center" width="100" >卖家</th>-->  
  30.                         <th field="desc" align="center" width="200">店铺介绍</th>  
  31.                         <th field="position" align="center" width="200">店铺地址</th>  
  32.                         <th field="rule" align="center" width="200">优惠规则</th>  
  33.                         <th field="postWay" align="center" width="200">送货方式</th>  
  34.                         <th field="tel" align="center" width="200">联系方式</th>  
  35.                     </tr>  
  36.                     </thead>  
  37.                 </table>  
  38.                 <div id="tb" style="padding:5px">  
  39.                     <span>店铺名:&nbsp;&nbsp;&nbsp;&nbsp;</span>  
  40.                     <input id="id" class="easyui-textbox" prompt="请输入店铺名称"  
  41.                            style="width:170px;height:26px;">&nbsp;&nbsp;&nbsp;&nbsp;  
  42.                       
  43.                     <a href="#" iconCls="icon-search" class="easyui-linkbutton" οnclick="doSearch()">查询</a>  
  44.                     &nbsp;&nbsp;  
  45.                 </div>  
  46.                 <script type="text/javascript">  
  47.                 var cardview = $.extend({}, $.fn.datagrid.defaults.view, {  
  48.                     renderRow: function(target, fields, frozen, rowIndex, rowData){  
  49.                         var cc = [];  
  50.                         cc.push('<td colspan=' + fields.length + ' style="padding:10px 5px;border:0;">');  
  51.                         if (!frozen){  
  52.                             //var aa = rowData.itemid.split('-');  
  53.                             var img = 'shopone'  + '.png';  
  54.                             cc.push("<div style=\"float:left;margin-left:15px;margin-top:80px;margin-right:50px;font-family:'微软雅黑'\"><span style=\"font-size:30px;font-weight:800;\">"+(rowIndex+1)+"</span></div>");  
  55.                             cc.push('<img src="../img/' + img + '" style="width:200px;float:left">');  
  56.                             cc.push('<div style="float:left;margin-left:20px; width:500px;" >');  
  57.                             //取出商家编号  
  58.                             //var firstline== $(target).datagrid('getColumnOption', fields[0]);  
  59.                             for(var i=0; i<fields.length; i++){  
  60.                                 var copts = $(target).datagrid('getColumnOption', fields[i]);  
  61.                                   
  62.                                 if(i==0){  
  63.                                     //cc.push("<br/>");  
  64.                                     //cc.push('<p><span class="c-label">' + copts.title + ':</span> ' + rowData[fields[i]] + '</p>');  
  65.                                 }else{  
  66.                                     cc.push('<p><span class="c-label">' + copts.title + ':</span> ' + rowData[fields[i]] + '</p>');  
  67.                                 }  
  68.                                 }  
  69.                             //cc.push('<a href="#" iconCls="icon-search" class="easyui-linkbutton" οnclick="doSearch()">进店批发</a>');  
  70.                             cc.push('</div>');  
  71.                             cc.push("<div οnclick=\"javascript:alert('"+rowData[fields[0]]+"')\" style=\"float:left;margin-left:5px;margin-top:80px;\"><span class='l-btn-left l-btn-icon-left' style='margin-top: 2px;'><span class='l-btn-text'>进店批发</span><span class='l-btn-icon icon-add'>&nbsp;</span></span></div>");  
  72.                         }  
  73.                         cc.push('</td>');  
  74.                         return cc.join('');  
  75.                     }  
  76.                 });  
  77.       
  78.                     $("#dg").datagrid({  
  79.                         "url":"shops.json",  
  80.                         "method":"get",  
  81.                         "view":cardview  
  82.                            
  83.                     });  
  84.                 </script>  
  85.                 <!--中间部分 结束-->                 
  86.             </div>     
  87.             <div data-options="region:'south',split:false" style="height:30px;text-align: center;" >  
  88.                 版权所有@冷饮批发管理系统  Copyright 2016-2017  
  89.             </div>   
  90.             </div>  
  91.         </body>  
  92. </html>  
效果图如下：


本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

基于javaweb的冷饮批发管理系统设计与实现

easyui

Java

冷饮批发管理系统

技能分享

02.java实现冷饮批发管理系统-页面设计之【选择店铺页面】 的相关文章

  • 在Java Servlet中获取通过jquery ajax发送的参数[重复]

    这个问题在这里已经有答案了 我在网上搜索这个主题 但找不到有效的示例 我会很高兴有人能给我帮助 这就是我测试的 ajax url GetJson type POST dataType json contentType application

  • 使用itext java库复制时pdf文件大小大大增加

    我正在尝试使用 Java 中的 itextpdf 库将现有的 pdf 文件复制到一些新文件中 我使用的是 itextpdf 5 5 10 版本 我在两种方式上都面临着不同的问题 PDFStamper 和 PdfCopy 当我使用 PDFSt

  • 来自行号的方法名称

    给定特定类源代码 Java C 的行号 是否有一种简单的方法来获取它所属的方法的名称 如果它落入其中 大概使用抽象语法树 这对于将 checkstyle 的输出限制为仅触及的方法很有用 我假设您必须使用抽象语法树来执行 Line gt Me

  • 如何将webview内容划分为多个页面

    我必须使用 Android 上的 PdfDocument 从 webView 创建 PDF https developer android com reference android graphics pdf PdfDocument htm

  • Java 错误和警告列表

    在哪里 如何获得所有 java 和 javac 的错误和警告消息的列表 This http mindprod com jgloss compileerrormessages html我认为页面是您所需要的

  • 无法在 Intellij 中运行主类[重复]

    这个问题在这里已经有答案了 我有以下项目结构 ProjectRoot src Main examples libs My src文件夹被标记为sources在 Intellij 中 现在 当我想运行 Main 类时 出现以下错误 Excep

  • Jenkins 未显示 Maven 编译器错误

    在 Jenkins 中构建多模块 maven 3 项目时 如果出现构建错误 我们会收到一条神秘消息 表明 Maven 编译器插件失败 这在上周才刚刚开始发生 INFO BUILD FAILURE INFO INFO Total time 1

  • Android 信号 11 (SIGSEGV)，代码 1 (SEGV_MAPERR) libwebviewchromium.so

    对于 android 4 4 我多次收到 Native crash at system lib libwebviewchromium so 错误 以下是设备包括 Xperia Z1 SO 01F 16 30 2 Galaxy Tab4 7

  • 如何在正则表达式中编写可选单词？

    我想编写一个识别以下模式的 java 正则表达式 abc def the ghi and abc def ghi 我试过这个 abc def the ghi 但是 它没有识别第二种模式 我哪里出错了 abc def the ghi 删除多余

  • 递归取消 allOf CompletableFuture

    如果我有 CompletableFuture

  • 扩展多个类

    我知道 Java 不支持多重继承 因为不允许扩展多个类 我只是想知道我的问题是否有解决方法 我有一个名为CustomAction需要扩展两个抽象类 BaseAction and QuoteBaseAction 我无法更改这些抽象类中的任何一

  • 如何获取 JDBC 中 UPDATE 查询影响的所有行？

    我有一项任务需要使用更新记录PreparedStatement 一旦记录被更新 我们知道更新查询返回计数 即受影响的行数 但是 我想要的不是计数 而是受更新查询影响的行作为响应 或者至少是受影响的行的 id 值列表 这是我的更新查询 UPD

  • 在约束验证器中使用 Guice 进行依赖注入

    我有一个在 ConstraintValidator 的实现中注入类的用例 我正在使用 Google guice 进行依赖项注入 目前无法在验证器内注入 我的场景的简化形式 内部模块 Provides Singleton public Ser

  • 添加 char 和 int

    据我了解 字符是一个字符 即一个字母 一个digit 标点符号 制表符 空格或类似的东西 因此 当我这样做时 char c 1 System out println c 输出 1 正是我所期望的 那么为什么当我这样做时 int a 1 ch

  • log4j.properties 在 Wildfly 上无法正常工作

    我的类路径中有一个 log4j properties 文件 它位于 APP XX jar log4j properties 位置 我注意到在ear文件中我还可以在lib文件夹中找到log4j 1 2 17 jar 但无论我在 log4j p

  • 线程数组？

    所以我在理解如何避免线程的顺序执行时遇到了问题 我试图创建一个线程数组并在单独的循环中执行 start 和 join 函数 这是我现在拥有的代码示例 private static int w static class wThreads im

  • 在 Tensorflow-lite Android 中将位图转换为 ByteBuffer（浮点）

    在用于图像分类的tensorflow lite android演示代码中 图像首先转换为ByteBuffer格式以获得更好的性能 这种从位图到浮点格式的转换以及随后到字节缓冲区的转换似乎是一个昂贵的操作 循环 按位运算符 float mem

  • 难以理解 通配符

    我有一个非常基本的问题 下面的代码无法编译 假设 Apple Extends Fruit List

  • FragmentMap + ActionBar 选项卡

    我一直在尝试插入一个MapView进入一个ActionBar Tab 但我什至无法解决问题 即使谷歌搜索 这是主要活动 Override public void onCreate Bundle savedInstanceState supe

  • MyBatis 枚举的使用

    我知道以前有人问过这个问题 但我无法根据迄今为止找到的信息实施解决方案 所以也许有人可以向我解释一下 我有一个表 状态 它有两列 id 和 name id是PK 我不想使用 POJO Status 而是使用枚举 我创建了这样一个枚举 如下所

随机推荐

  • 【QT】【ChatGPT】具有一点点深度的问题

    QT ChatGPT 具有一点点深度的问题 程序说明 一 博客日期 二 引言 版权声明 先上简单菜 稍微复杂点 一 有哪些类是隐式的引用计数 二 请你谈一下你对C 智能指针的理解和使用方式 三 请你简述一下C 中的虚函数 四 请你谈一下对C

  • 第18课 微信小程序app.js全局属性与公共方法的使用

    第18课 微信小程序app js全局属性与公共方法的使用 通过小程序的背景api播放器案例演示 由于背景音乐播放器全局只能有一个 所以只能在全局设置这一个并调用一个 1 app js内获取背景音乐api并设置成属性 2 在utils内设置公

  • 关于Jquery的Validate插件--rules添加自定义方法（强密码验证方法）

    简介 请看菜鸟教程 根据给出的方法 自定义识别密码是否为复杂密码的方法 链接 https www runoob com jquery jquery plugin validate html Query Validate 插件为表单提供了强大

  • ERROR: No matching distribution found for Django 报错解决

    ERROR No matching distribution found for Django 报错解决 今天安装一个 python 依赖时 执行 pip install r requirements txt后 界面出现ERROR No m

  • getAction()

    event getAction 获得的返回值 触摸屏幕时刻 case MotionEvent ACTION DOWN 0 break 触摸并移动时刻 case MotionEvent ACTION MOVE 2 break 终止触摸时刻 c

  • 向Intel迁移！（上）

    转自 http www programmer com cn 14703 文 王越 2005年 苹果宣布其芯片向Intel迁移 在这背后夹杂着错综复杂的缘由 从Intel的诞生 精简指令集与复杂指令集之争到AIM与Wintel两大联盟之争 几

  • 计算机系统的组成说课,计算机系统的组成说课稿

    计算机系统的组成说课稿 一 教学内容分析 1 教学内容分析 本节是广东教育出版社出版的 信息技术 初中第一册第一章 信息处理与计算机 第二节的内容 授课为1课时 这是小学升初一新生接触信息技术这门课的第二堂课 这节课能否讲得生动易懂 涉及能

  • 函数式语言Haskell

    函数式语言Haskell 为了方便 建设在windows下安装编译器和解析器 今有2个 Hugs 和 GHC 网址如下 http cvs haskell org Hugs pages downloading htm http www has

  • 密码学之公钥密码体系（2）：RSA算法

    密码学之公钥密码体系 2 RSA算法 文章目录 一 RSA算法背景 二 RSA算法描述 三 RSA的硬件实现 四 RSA的安全性 五 对RSA的选择密文攻击 一 RSA算法背景 上一讲介绍了公钥密码体系中的背包算法 在Merkle背包算法出

  • Spring自动事物管理失效情形

    声明式事物管理虽然十分方便 但是也有失效的情形 1 Transactional作用在非public方法上 Spring的事物管理只支持使用public声明的方法 即使是在同一个包或者同一个类中的方法事务管理也会失效 package com

  • Materialize时间组件datepicker汉化

    首先说明我用的是1 0版本 由于版本差异导致js调用的方法不一致 请注意

  • ubuntu20.04修改时间localtime

    根据网络上目前的一些语句设置都无法正常实现 主要原因在于 网上的办法都是基于 System clock synchronized 参数的值是 yes 但是我的该参数一直都是no 且根据网上常规办法无法实现修改时区 因此 我经过查找资料找到了

  • 安装nodejs时提示Leaving directory

    在按照标准的编译命令 configure gt make gt make install 在make的时候发生错误 deps v8 src base platform mutex h 210 error expected before co

  • 在线PDF保护解除器，完全免费，没有文件数量限制 - PDF在线解锁器

    通常一般的PDF文件我们可以使用PDF阅读器程序打开 并可以打印内容 复制文本或转换为其他格式 但是 有时你可能发现某些PDF文件虽然可以像普通PDF一样被我们查看 但却无法打印它或选择复制文本内容 这些文件是被PDF创建者加了权限保护的P

  • 2.1 pytorch官方demo(Lenet)

    实现一个图像分类器 pytorch官方demo TRAINING A CLASSIFIER PytorchDemo LeNet 介绍 Convolutions 卷积 Subsampling 下采样 Full connection 全连接 L

  • avive零头撸矿

    Avive 是一个透明的 自下而上替代自上而下的多元网络 旨在克服当前生态系统的局限性 实现去中心化社会 aVive 一个基于 SBT 和市场的 deSoc 它使 dapps 能够与分散的位置 oracle 和 SBT 关系进行互操作 您的

  • vue history模式 nginx配置

    vue history模式 nginx配置 wap为history路径 location wap try files uri uri router index index html index htm location router rew

  • jupyter notebook选择conda环境

    参考 https stackoverflow com questions 37085665 in which conda environment is jupyter executing 需要安装 conda install ipykern

  • IDEA插件-----Squaretest（自动生成单元测试）

    菜单栏就多了一项Squaretest 首先我们打开一个类 这个类就是我们即将要作为实验的类 这个类有7个public方法 因为Squaretest生成的单元测试方法都是只能生成public的 当然这也是合理的嘛 毕竟private的肯定被p

  • 02.java实现冷饮批发管理系统-页面设计之【选择店铺页面】

    需求 用户设置完收货地址 系统判断该地址里对应的商铺列表 HTML 预览

热门标签