请问 文中代码是纯手工 编写吗

eisldkw 2020-10-08 08:50:39
以下代码 是纯手工编写吗，那岂不是非常麻烦，没有直接图形化 拖拽 控件 的 方式 ？
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
<title>售电管理</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="decorator" content="ani"/>
<link href="${ctxStatic}/plugin/bootstrapTree/patternfly/bootstrap-treeview.css" rel="stylesheet" type="text/css"/>
<script src="${ctxStatic}/plugin/bootstrapTree/patternfly/bootstrap-treeview.js" type="text/javascript"></script>
<%@ include file="/webpage/include/bootstraptable.jsp"%>
<%@include file="emAmmeterList.js" %>
</head>
<body>
<div class="wrapper wrapper-content">
<input type="hidden" id="orgno" value="${orgno }"/>
<input type="hidden" id="netMode" value="${netMode }"/>
<input type="hidden" id="billFormatType" value="${billFormatType }"/>
<input type="hidden" id="comName" value="${comName }"/>
<input type="hidden" id="propertyRemindType" value="${propertyRemindType }"/>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">售电管理</h3>
</div>
<div class="panel-body">
<div class="col-sm-3 col-md-2" >
<div id="jstree"></div>
</div>
<div class="col-sm-9 col-md-10 animated fadeInRight">
<sys:message content="${message}"/>

<!-- 搜索 -->
<div class="accordion-group">
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<form:form id="searchForm" class="form form-horizontal well clearfix" >
<input type="hidden" id="treeSearchId" name="treeSearchId" class="form-control m-b">
<input type="hidden" id="treeSearchParentId" name="treeSearchParentId" class="form-control m-b">
<div class="col-xs-12 col-sm-6 col-md-4">
<label class="label-item single-overflow pull-left" title="房号：">房号：</label>
<input id="houseName" name="house.name" class="form-control m-b"/>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<label class="label-item single-overflow pull-left" title="业主：">业主：</label>
<input id="ownerSearchStr" name="owner.searchStr" class="form-control m-b"/>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<label class="label-item single-overflow pull-left" title="型号：">表号：</label>
<input id="code" name="code" class="form-control m-b"/>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div style="margin-top:26px">
<a id="search" class="btn btn-primary btn-rounded btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
<a id="reset" class="btn btn-primary btn-rounded btn-bordered btn-sm" ><i class="fa fa-refresh"></i> 重置</a>
</div>
</div>
</form:form>
</div>
</div>
</div>

<!-- 工具栏 -->
<div id="toolbar">
<a class="accordion-toggle btn btn-default" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
<i class="fa fa-search"></i> 检索
</a>
<!-- 连网、卡混合 -->
<c:if test="${sellMode == '1' }">
<shiro:hasPermission name="elec:emElectricitySell:sell">
<button id="sell1" class="btn btn-primary" disabled onclick="sell('1')">
<i class="glyphicon glyphicon-jpy"></i> 售电(连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricitySell:sell">
<button id="sell2" class="btn btn-primary" onclick="sell('2')">
<i class="glyphicon glyphicon-jpy"></i> 售电(卡)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emAmmeter:open">
<button id="edit" class="btn btn-success" onclick="openAccount('1')">
<i class="glyphicon glyphicon-plus"></i> 开户(连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emAmmeter:open">
<button id="edit" class="btn btn-success" onclick="openAccount('2')">
<i class="glyphicon glyphicon-plus"></i> 开户(卡)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityClose:close">
<button id="close1" class="btn btn-danger" disabled onclick="closeAccount('1')">
<i class="glyphicon glyphicon-remove"></i> 销户(连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityClose:close">
<button id="close2" class="btn btn-danger" onclick="closeAccount('2')">
<i class="glyphicon glyphicon-remove"></i> 销户(卡)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emAmmeter:view">
<button id="getCardInfo" class="btn btn-info" onclick="getCardInfo()">
<i class="glyphicon glyphicon-credit-card"></i> 读卡
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityCardRepair:repairCard">
<button id="repair" class="btn btn-info" disabled onclick="repairCard()">
<i class="glyphicon glyphicon-credit-card"></i> 补卡
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityAmmeterReplace:replaceAmmeter">
<button id="replace1" class="btn btn-warning" disabled onclick="replaceAmmeter('1')">
<i class="glyphicon glyphicon-modal-window"></i> 换表(连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityAmmeterReplace:replaceAmmeter">
<button id="replace2" class="btn btn-warning" onclick="replaceAmmeter('2')">
<i class="glyphicon glyphicon-modal-window"></i> 换表(卡)
</button>
</shiro:hasPermission>

<shiro:hasPermission name="elec:emElectricitySell:sell">
<button id="sell3" class="btn btn-primary" disabled onclick="sell('3')">
<i class="glyphicon glyphicon-jpy"></i> 售电(485连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityClose:close">
<button id="close3" class="btn btn-danger" disabled onclick="closeAccount('3')">
<i class="glyphicon glyphicon-remove"></i> 销户(485连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emAmmeter:view">
<button id="getAmmeterInfo" class="btn btn-info" onclick="getAmmeterInfo()">
<i class="glyphicon glyphicon-credit-card"></i> 读表（485连网）
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityAmmeterReplace:replaceAmmeter">
<button id="replace3" class="btn btn-warning" disabled onclick="replaceAmmeter('3')">
<i class="glyphicon glyphicon-modal-window"></i> 换表(485连网)
</button>
</shiro:hasPermission>
</c:if>
<!-- 仅连网 -->
<c:if test="${sellMode == '2' }">
<shiro:hasPermission name="elec:emElectricitySell:sell">
<button id="sell1" class="btn btn-primary" disabled onclick="sell('1')">
<i class="glyphicon glyphicon-jpy"></i> 售电(连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emAmmeter:open">
<button id="edit" class="btn btn-success" onclick="openAccount('1')">
<i class="glyphicon glyphicon-plus"></i> 开户(连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityClose:close">
<button id="close1" class="btn btn-danger" disabled onclick="closeAccount('1')">
<i class="glyphicon glyphicon-remove"></i> 销户(连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityAmmeterReplace:replaceAmmeter">
<button id="replace1" class="btn btn-warning" disabled onclick="replaceAmmeter('1')">
<i class="glyphicon glyphicon-modal-window"></i> 换表(连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricitySell:sell">
<button id="sell3" class="btn btn-primary" disabled onclick="sell('3')">
<i class="glyphicon glyphicon-jpy"></i> 售电(485连网)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emAmmeter:view">
<button id="getAmmeterInfo" class="btn btn-info" onclick="getAmmeterInfo()">
<i class="glyphicon glyphicon-credit-card"></i> 读表（485连网）
</button>
</shiro:hasPermission>
</c:if>
<!-- 仅用卡 -->
<c:if test="${sellMode == '3' }">
<shiro:hasPermission name="elec:emElectricitySell:sell">
<button id="sell2" class="btn btn-primary" onclick="sell('2')">
<i class="glyphicon glyphicon-jpy"></i> 售电(卡)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emAmmeter:open">
<button id="edit" class="btn btn-success" onclick="openAccount('2')">
<i class="glyphicon glyphicon-plus"></i> 开户(卡)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityClose:close">
<button id="close2" class="btn btn-danger" onclick="closeAccount('2')">
<i class="glyphicon glyphicon-remove"></i> 销户(卡)
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emAmmeter:view">
<button id="getCardInfo" class="btn btn-info" onclick="getCardInfo()">
<i class="glyphicon glyphicon-credit-card"></i> 读卡
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityCardRepair:repairCard">
<button id="repair" class="btn btn-info" disabled onclick="repairCard()">
<i class="glyphicon glyphicon-credit-card"></i> 补卡
</button>
</shiro:hasPermission>
<shiro:hasPermission name="elec:emElectricityAmmeterReplace:replaceAmmeter">
<button id="replace2" class="btn btn-warning" onclick="replaceAmmeter('2')">
<i class="glyphicon glyphicon-modal-window"></i> 换表(卡)
</button>
</shiro:hasPermission>
</c:if>
</div>
...全文
22273 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
hookee 2020-10-19
  • 打赏
  • 举报
 回复
现在前段就是越来越复杂，成本越来越高
Dore_space 2020-10-16
  • 打赏
  • 举报
 回复
什么时候手写代码变成了一种问题了。
初心不变时过迁 2020-10-14
  • 打赏
  • 举报
 回复
原本就有图形 和文本的两种操作概念

类似dos这种的文本操作
而像windos操作系统这样的有叫做图形

算是计算机的概念里的内容 各有千秋
Hello World, 2020-10-08
  • 打赏
  • 举报
 回复
拖动控件的话有IDE可以完成大部分，但效果和布局和实际看到的不一定一样。
X-i-n 2020-10-08
  • 打赏
  • 举报
 回复
当年frontpage和dreamweaver那么火不是没道理的。但是放到现在，需要依赖“所见即所得”来干活，只能说明前端不合格。 在动手之前，应该对页面有一个整体把握：布局是什么样，怎么去把它画出来，而不是一边做一边想； 写页面的时候，仍然可以在浏览器里运行，查看效果并使用调试工具查看元素和样式； 动态渲染的内容无法在开发阶段显示效果，必须运行以后才能开始看到实际样貌。
luj_1768 2020-10-08
  • 打赏
  • 举报
 回复
有些专业界面要求很严格，很苛刻；有些还有专用的服务包，专用的定制规程。没办法，这种事就得按公司规定操作：要求手写，就手工一个字母不错的输入；要求使用自动编程模块，就严格按照指导操作。干活不能心浮气躁，要遵从单位规则。
eisldkw 2020-10-08
  • 打赏
  • 举报
 回复
引用 3 楼 Logerlink 的回复:
会CSS和会使用模板就不麻烦
非常感谢。您的意思 还是手工写代码，虽然IDE 会自动提供大量的提示，但是 这工作量还是很大， 再说 好象 ECLIPSE 在编写 JSP JS 这方面的功能好象很弱。
eisldkw 2020-10-08
  • 打赏
  • 举报
 回复
引用 1 楼 X-i-n 的回复:
当年frontpage和dreamweaver那么火不是没道理的。但是放到现在，需要依赖“所见即所得”来干活，只能说明前端不合格。 在动手之前，应该对页面有一个整体把握：布局是什么样，怎么去把它画出来，而不是一边做一边想； 写页面的时候，仍然可以在浏览器里运行，查看效果并使用调试工具查看元素和样式； 动态渲染的内容无法在开发阶段显示效果，必须运行以后才能开始看到实际样貌。
非常感谢。您的意思还是先 构思布局，而后再纯手工 逐行写代码，当然手工写的时候 IDE 会有大量的提示 ？
Logerlink 2020-10-08
  • 打赏
  • 举报
 回复
会CSS和会使用模板就不麻烦
基于axis2开发授权web service
本文介绍如何使用Axis2发布Webservice服务，并通过两种客户端实现方式：一是由wsdl文件生成stub客户端代码；二是纯手工编写客户端代码。文中详细展示了服务端配置和服务接口实现，同时介绍了客户端认证机制。
我又叕叕叕更新了~纯手工编写C++画图，有注释~
本次更新对C++画图程序进行了性能优化，版本号为1.26.36。文中给出了代码预览，包含控件和消息定义、图形类型枚举、位图文件头定义等内容，还介绍了截图、生成BMP图片等功能的实现，若运行不了可到主页下载RedpandaDevc++。
基于python-can实现的can收发案例（纯手工）
本文详细介绍了如何使用Python-can库来处理CAN总线通信，包括设备连接、数据发送、接收过滤和消息监听。适合车载开发人员了解CAN通信编程。
Win10系统性能优化批处理工具 - 纯手工打造安全高效自动化脚本
本文介绍了专为Windows 10设计的性能优化批处理工具，通过纯手工编写实现安全高效的自动化脚本。该工具涵盖关闭多余启动项、禁用自动更新、优化视觉效果、清理临时文件、调整电源计划等功能，帮助提升系统响应速度和稳定性。文章详细讲解了批处理文件原理、注册表与服务控制、磁盘优化策略及外部工具集成方法。
基于Linux内核的纯手工极简系统研究
本文探讨如何构建一个基于Linux内核的极简系统，通过去除不必要的复杂性提高系统的易用性和安全性。文中详细介绍了从虚拟机环境搭建、GRUB安装配置、内核编译到系统最小化的具体实践。
JavaScript

87,989

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章