01.java实现冷饮批发管理系统-页面设计之【登录页面】

最新推荐文章于 2024-09-05 10:39:00 发布
最新推荐文章于 2024-09-05 10:39:00 发布
阅读量376 收藏
点赞数
分类专栏： java学习笔记 基于javaweb的冷饮批发管理系统设计与实现 文章标签： it java easyui 用户登录 冷饮批发管理系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_28381507/article/details/54799533
版权

吴庆冷饮批发管理系统1.0正在研发中...  开发人员：小白吴庆君

我这边设计的所有页面都是利用easyui来布局，其中涉及到的一个简单的知识点就是:easyui中的layout布局可以嵌套布局，也是一种线型布局的感觉。以上纯本人个人见解，有不足之处，还请网友帮忙指出。首先就是第一个登录页面设计。

  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/bootstrap.min.js"></script>  
  12.     </head>  
  13.         <body >    
  14.             <div id="cc" class="easyui-layout" style="width:1000px;height:750px;overflow:hidden;margin: 0 auto;" >     
  15.             <div data-options="region:'north'" style="height:50px;" ></div>     
  16.             <div data-options="region:'center'" style="padding:0px;background:#eee;" >  
  17.                   
  18.                          <div class="easyui-layout" fit="true" border="false">  
  19.                             <!--  
  20.                                 描述：左边 图和文字  
  21.                               -->  
  22.                              <div data-options="region:'west'" style="width:550px;text-align:center;" border="false">  
  23.                                 <div class="easyui-layout" fit="true" border="false">  
  24.                                     <div region="north" style="height:50px;" border="false"> </div>  
  25.                                    <div region="west" border="false" style="width:300px;height:90px;background:url(../img/love01.png);background-repeat: no-repeat;">  
  26.                                    </div>  
  27.                                    <div region="center" style="font-family:'微软雅黑';" border="false">  
  28.                                         <p style="position: relative;margin-top:120px;padding-left:20px;">  
  29.                                             <span style="font-size:30px;font-weight:800;">冷饮批发<br />管理系统</span><br/>  
  30.                                             <span>Cold drinks wholesale management system</span>  
  31.                                         </p>  
  32.                                    </div>  
  33.                                </div>  
  34.                              </div>   <!--左边 end-->  
  35.                             <div region="center" border="false">  
  36.                             <div class="easyui-layout" fit="true" border="false" >  
  37.                                 <div data-options="region:'north'" style="height:50px;" border="false">  
  38.                                       
  39.                                 </div>  
  40.                                 <div region="west" style="width:50px;position: relative;" border="false">  
  41.                                     <img src="../img/split.png" style="position:absolute;left:0px;top:80px;"/>  
  42.                                 </div>  
  43.                                 <div region="center"  border="false">  
  44.                                     <div class="easyui-panel" title="开始批发"  iconCls="icon-user"  
  45.                                          style="text-align: center;width:300px;height:380px;padding-top:50px;">  
  46.                                         <form id="ff" method="post">  
  47.                                             <div>  
  48.                                                 <input class="easyui-textbox"  
  49.                                                        data-options="iconCls:'icon-man',prompt:'请输入用户名'"  
  50.                                                        style="width:240px;height:30px;">  
  51.                                             </div>  
  52.                                             <div style="margin-top: 20px;">  
  53.                                                 <input class="easyui-textbox" type="password"  
  54.                                                        data-options="iconCls:'icon-lock',prompt:'请输入密码'"  
  55.                                                        style="width:240px;height:30px;">  
  56.                                             </div>  
  57.                                             <div style="margin-top: 30px;">  
  58.                                                 <p>  
  59.                                                     <a href="#" style="width:160px;height:30px;" class="easyui-linkbutton" iconCls="icon-accept">登录</a>  
  60.                                                     <a style="margin-left:10px;width:80px;height:30px;" href="#"  >忘记密码?</a>  
  61.                                                 </p>  
  62.                                             </div>  
  63.                                             <div style="margin-top: 40px;">  
  64.                                                 <p>  
  65.                                                     <span style="font-size:20px;font-weight:800;">新用户</span><br />  
  66.                                                     <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" οnclick="newUser()">请输入您的送货地址</a>  
  67.                                                 </p>  
  68.                                             </div>  
  69.                                         </form>  
  70.                                     </div>  
  71.                                 </div>  
  72.                                 <div region="east" style="width:20px;" border="false">  
  73.                                 </div>  
  74.                                 <div region="south" style="height:10px;" border="false">  
  75.                                       
  76.                                 </div>  
  77.                             </div>  
  78.                        </div>  
  79.   
  80.                                 
  81.                          </div>  
  82.          
  83.             </div>     
  84.             <div data-options="region:'south',split:false" style="height:30px;text-align: center;" border="false">  
  85.                 版权所有@冷饮批发管理系统  Copyright 2016-2017  
  86.             </div>   
  87.             </div>  
  88.         </body>  
  89. </html>  
效果图如下：


吴里庆庆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java线程——模拟多窗口售票过程
程序媛 成长の路
08-27 6338
假设有5个售票员，在同时卖100张票，模拟买票过程。 我们知道，在售票过程中，不同窗口同时售票，对于同一张票，不可以出售两次，售票员在售票过程中互不影响，而又需要同时售票。这就需要利用线程来实现。 import java.util.Random; public class Test {     public static void main(String[] args) {     
Java 实现商品批发总金额的显示 关键代码
qq_36074362的博客
09-20 4269
public class goods { String[] goodss = new String[] { "电风扇", "洗衣机", "电视机", "冰箱", "空调" }; double[] qian = new double[] { 124.23, 4500.0, 8800.9, 5000.88, 4456.0 }; public boolean denglu() { boole
java web欢迎页面
06-19
java web中的欢迎页面。很简单的代码~超级简单
02.java实现冷饮批发管理系统-页面设计之【选择店铺页面】
屎香香wuqingvika的专栏
01-31 479
需求：用户设置完收货地址，系统判断该地址里对应的商铺列表。 HTML 预览                      "UTF-8">           冷饮批发/选择冷饮店铺           "stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css">
javaweb商城前台页面模板
01-05
javaweb商城前台页面模板，适用于新手或者一定基础。希望有帮助！
java计算机毕业设计霈天商贸饮料批发小程序【附源码+远程部署+程序+mysql】
and867的博客
04-17 292
对于霈天商贸而言，饮料批发小程序的开发不仅是一种新兴的销售渠道的尝试，更是一种商业模式的创新。总之，霈天商贸饮料批发小程序的开发，对于提升企业竞争力、拓展市场份额、构建良好的顾客关系具有深远的意义。通过开发专属的饮料批发小程序，霈天商贸能够直接触达目标客户群体，提升品牌曝光度，同时优化客户购物体验，提高销售效率和顾客满意度。后端由Spring Boot提供支持，前端由Vue.js构建，数据存储和管理通过MySQL和Navicat实现，整个开发流程由Maven进行管理，并在Tomcat服务器上运行。
雪糕经销管理系统》是一款为雪糕冷饮经销商开发的一款管理软件.zip
03-07
《雪糕经销管理系统》是一款专为雪糕冷饮经销商打造的高效管理软件，它结合了人工智能技术，旨在优化业务流程，提升信息管理的精准度和效率。本系统深入剖析了经销商在日常运营中的需求，通过系统分析与设计，构建了...
雪糕冷饮进销存管理系统》适用于雪糕冷饮业的一套进销存管理软件。本软件的最大特点是小巧实用.zip
03-08
《雪糕冷饮进销存管理系统》是一款专为雪糕冷饮行业设计的高效进销存管理软件。这款系统以其小巧而实用的特点，为商家提供了一整套完整的库存、销售和采购管理解决方案。在信息技术日益发达的今天，利用人工智能技术...
冷饮：雪糕公司（行业）薪酬管理制度方案-薪酬设计方案资料文集系列.docx
07-22
在冷饮行业的雪糕公司中，一个完善的薪酬管理制度方案是必不可少的。本方案旨在建立一套公正、公平且具有激励性的薪酬体系，以吸引、保留和激励优秀人才。 【薪酬结构】 雪糕公司的薪酬结构主要包括七大要素：任职...
饮料及冷饮服务公司（行业）薪酬管理制度方案-薪酬设计方案资料文集系列.docx
07-22
【薪酬设计方案】是企业管理的重要组成部分，特别是在饮料及冷饮服务这样的行业中，合理的薪酬制度能够吸引、激励和保留优秀的员工，促进公司的稳定发展。本方案详细阐述了薪酬管理的各项要素，旨在构建一个公平、...
雪糕冷饮进销存管理系统源码+项目说明（管理模块有：基本信息（产品信息、供应商信息、客户信息）、进货管理、销售管理）.zip
02-27
雪糕冷饮进销存管理系统源码+项目说明（管理模块有：基本信息（产品信息、供应商信息、客户信息）、进货管理（进货登记、进货查询、进货退货、退货查询）、销售管理（销售登记、销售查询、销售退货、退货查询））....
Java项目:建材商城系统(java+SSM+JSP+jQuery+mysql)
常年被追砍的博客
05-18 555
源码获取：俺的博客首页 "资源" 里下载！ 项目介绍 本项目分为前后台，前台为普通用户登录，后台为管理员登录； 管理员角色包含以下功能： 管理员登录,管理员管理,注册用户管理,新闻公告管理,建材类型管理,配货点管理,建材商品管理,建材订单管理,建材评价管理等功能。 用户角色包含以下功能： 查看我的订单,用户首页,网站公告,销售网络,用户登录注册,查看建材详情,查看购物车,下订单,查看订单并付款等功能。 环境需要 1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论.
若依ruoyi实现单点登录
热门推荐
屎香香wuqingvika的专栏
12-01 1万+
系统说明（两个系统数据库用户信息username是同步的，都是唯一的）登录需求：我登录到第三方平台，第三方平台嵌入我们的若依，所以在跳若依的管理页面时不想再登录了。但是验证是需要把第三方平台的token解析成username，拿到username只走我们自己只验证账号的认证。
04-Java学习笔记【js、jquery根据name和值选取radiobox】
屎香香wuqingvika的专栏
11-16 321
如何选中 name=sex value=female 的radio? Male Female 用jquery实现 var ifPop = "female"; var radioAll  = $("input[name='sex']"); for(var a=0 ; a<radioAll.length ;a++){     var radoiVal = radioAll.eq(a).val
01-java学习笔记【接口与抽象类】
屎香香wuqingvika的专栏
11-15 234
这些是我自己的理解加上网上优秀的分享总结出来的。 抽象类是用来捕捉子类的通用特性的 。它不能被实例化，只能被用作子类的超类。抽象类是被用来创建继承层级里子类的模板。 接口是抽象方法的集合。如果一个类实现了某个接口，那么它就继承了这个接口的抽象方法。这就像契约模式，如果实现了这个接口，那么就必须确保使用这些方法。接口只是一种形式，接口自身不能做任何事情。
okhttp，retrofit,rxjava 是如何配合工作的 作用分别是什么
追梦的鱼儿
09-04 562
OkHttp、Retrofit 和 RxJava 是 Android 开发中常用的三种库，它们各自有不同的作用，并且可以很好地配合工作来实现网络请求和响应的处理。
JAVA基础：数据类型、命名规范
最新发布
weixin_53755148的博客
09-05 1281
变量类型就是用来指定变量中存储数据的类型。也称为数据类型。
JAVA 建造者模式深入分析：原理、实现与应用
我们将创建一个表示食物条目（比如汉堡和冷饮）的Item接口和实现Item接口的实体类，以及一个表示食物包装的Packing接口和实现Packing接口的实体类，汉堡是包在纸盒中，冷饮是装在瓶子中。 然后我们创建一个Meal类，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值