精华内容
下载资源
问答
  • 使用HTML制作会员注册界面

    千次阅读 2020-03-02 15:55:15
    表单设计分为,表单界面和应用程序。 表单三部分组成: 1.表单标签 包含处理表单数据所使用的服务器程序的URL以及数据交到服务器的方法。 2.表单域 包含不同的表单控件,如文本框,密码框,多行文本框,复选框,...

    1.认识表单
    表单是网页用于输入信息的区域,它的主要功能是收集用户信息,是获取用户输入或选择数据的一种方式。
    表单设计
    表单设计分为,表单界面和应用程序。
    在这里插入图片描述
    表单三部分组成:
    1.表单标签 包含处理表单数据所使用的服务器程序的URL以及数据交到服务器的方法。
    2.表单域 包含不同的表单控件,如文本框,密码框,多行文本框,复选框,单选框,下拉框等
    3.表单按钮
    1) 提交按钮
    2) 重置按钮
    3) 普通按钮
    在这里插入图片描述
    下面我们来做一道实训题:
    关于使用HTML制作商城会员注册表
    代码,效果图如图:
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 使用swing实现学生选课信息界面: 1.界面采用网格布局,一行显示一项内容,支持右边滚动...4.右键点击界面任何地方可以弹出菜单,包含重置和关闭两个选项,选中后进行相应操作。 5.无需后台处理,只实现界面功能即可
  • FLEX表单验证带重置功能用户体验>

    千次阅读 2012-09-05 14:44:28
    有用的校验方法必须最低限度的也要支持富因特网应用程序的用户界面...当做客户端校验时,明显的违反这一原则的情况是,当用户已经提交完整个表单以后,校验用户的输入数据。在Flex应用程序中,你可以创建一个行为,触
    
    

    有用的校验方法必须最低限度的也要支持富因特网应用程序的用户界面设计原则。

    1.防患于未然,而不是事后责备。
    校验错误的表单不应该被用户提交。防止,不责骂原则的意思是,能够准确无误的放置用户犯错误,那么就应该那么做,而不是允许他们犯错误,而事后责备他们。

    当做客户端校验时,明显的违反这一原则的情况是,当用户已经提交完整个表单以后,校验用户的输入数据。在Flex应用程序中,你可以创建一个行为,触发校验器,相应表单上提交按钮的单击事件。

    2.马上给出反馈
    用户操作控件时应该能够得到即时的反馈。当控件值变为有效时,用户应该收到正确的反馈。当控件值变为无效时应该得到错误的反馈。当用户离开控件时给出用户反馈,也非凡上一条原则。

    当控件没有给出用户即时反馈,用户只有在离开控件时才能发现错误。要更正错误,用户需要返回控件,因此会花费更多的努力。(这个例子也违反了另一个相关的原则:考虑用户的操作)。更重要的,当用户编一个一个校验错误的输入框的值,用户不知道是否用户的改变会使控件值生效。用户需要离开控件才能知道结果,并且如果依然不合法则需要返回控件继续改变它。

    默认的Flex校验器的行为监听valueCommit事件。这导致行为描述就像刚才的那样,只有当用户离开控件以后才能收到反馈。为了给出即时反馈,你必须手工指定触发校验响应change事件,而不是valueCommit事件。

    前边的的连个例子展示了没有即时反馈的客户体验。

    3.让用户工作
    虽然给出即时提示是好事情,你的应用程序在一定程度上,还应该做到不中断用户工作流程。漂浮提示框不中断用户,通常是最好的玄色。只有当完全必要的时候,才能够使用完全中断用户操作的模式对话窗口。

    4.验证有罪之前,都是清白的
    只有用户与控件交互以后,用户在校验失败后应该给出警告。(换句话说,初始状态,和初始化控件时不应该运行校验并显示校验信息。类似的,重置表单应该移除所有校验错误信息。

    连接:设计web应用程序用户界面更多的信息,请查看Aral Balken的著作《User Interface Design Principles for Web Applications》

     

    有用的客户端校验的例子

    下边的例子示例了在Flex3中创建校验的最佳实践。它遵循了上文所述的4个用户界面设计的原则。用户在验证有罪之前是清白的,初始的表单上没有校验错误信息,当表单被清除。用户马上可以收到信息当控件值变得可用(给出即时反馈)并且放置用户提交一个错误表单(放置,不是时候责备)。校验错误信息显示为漂浮提示框并且这样可以在不中断用户操作的情况下引导用户填写正确的信息。

    • 两个标志,formIsValid和formIsEmpty跟踪当前表单的状态。Submit按钮的enabled属性被绑定在 formIsValid标志,因此,放置用户提交无效的表单。类似的,绑定Clear form按钮的enabled属性到fromIsEmpty标志上,以便只有用户输入过信息之后此按钮才有效。
    • focussedFormControl属性持有最后一个发送change事件的引用(换句话说,是用户当前所在的控件)。 validate()帮助方法使用这个属性来指定只显示当前控件的校验错误消息。这很重要,可以防止没有与用户交互的组件的错误信息显示出来。
    • 当表单控件的值被改变时,validateForm()事件处理方法使用validate()帮助方法来校验所有的表单控件。只有当所有校验器校验成功,formIsValid标志的值被这是为true然后用户允许提交表单。
    • resetFocus()方法调用FocusManager的setFocus方法来将焦点放置于表单的第一个元素。当表单被第一次载入和后来的当表单被用户清空时,resetFocus()方法被调用。将焦点至于第一个控件,可以节省用户的点击次数,。

    注意:由于浏览器处理Flash内容的限制,用户必须在Flash应用程序上点击一次才能将焦点移入到Web页面的flash程序中。

    • clearFormHandler方法清楚表单控件的值,并且也重置validator到恰当的状态。

    例子

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application 
    	xmlns:mx="http://www.adobe.com/2006/mxml" 
    	viewSourceURL="src/ValidationUsable/index.html"
    	width="500" height="250" 
    	defaultButton="{submitButton}"
    	creationComplete="creationCompleteHandler();"
    	>
    	<mx:Script>
    		<![CDATA[
    			import mx.validators.Validator;
    			import mx.events.ValidationResultEvent;
    			import mx.controls.Alert;
    			//表单是否有效
    			[Bindable]
    			public var formIsValid:Boolean = false;
    			//表单是否为空
    			[Bindable]
    			public var formIsEmpty:Boolean = true;
    			
    			//持有该目前集中控制的对象。
    			private var focussedFormControl:DisplayObject;
    			
    			/**
    			 * 验证表单方法
    			 * */
    			private function validateForm(event:Event):void 
    			{                    
    				//检查验证传递和返回一个布尔值相应。
    				//保存引用当前集中表单控件
    				//这样isValid()辅助方法可以只通知
    				//当前集中形式控制和不影响
    				//任何其他的表单控件。
    				focussedFormControl = event.target as DisplayObject;  
    				
    				// 标记表单有效的开始                
    				formIsValid = true;          
    				
    				// 检查表单是否为空
    				formIsEmpty = (nameInput.text == "" && emailInput.text == ""
    					&& phoneInput.text == "");
    				
    				//运行每个验证器反过来,使用isValid()
    				//辅助方法和更新formIsValid的价值
    				//因此。
    				validate(nameValidator);                
    				validate(phoneValidator);
    				validate(emailValidator);
    			}
    			
    			/**
    			 * 验证方法
    			 * */
    			private function validate(validator:Validator):Boolean
    			{                
    				//得到验证对象
    				var validatorSource:DisplayObject = validator.source as DisplayObject;
    				
    				//镇压事件如果当前控制被验证的不是
    				//当前集中控制的形式。这阻止了用户
    				//从接收视觉验证提示在其他表单控件。
    				var suppressEvents:Boolean = (validatorSource != focussedFormControl);
    				
    				//执行验证。返回一个ValidationResultEvent。
    				//传递null作为第一个参数使验证器
    				//使用属性中定义的属性的标记
    				// < mx:Validator >标记。
    				var event:ValidationResultEvent = validator.validate(null, suppressEvents); 
    				
    				//检查验证传递和返回一个布尔值。
    				var currentControlIsValid:Boolean = (event.type == ValidationResultEvent.VALID);
    				
    				// 修改验证标记
    				formIsValid = formIsValid && currentControlIsValid;
    				
    				return currentControlIsValid;
    			}
    			
    			/**
    			*组件构件完成事件
    			 * */
    			private function creationCompleteHandler():void
    			{
    				// 初始化定焦点为第一个控件上
    				resetFocus(); 
    			}
    			
    			/**
    			 * 表单提交
    			 * */
    			private function submitForm():void 
    			{
    				Alert.show("提交"); 
    			}
    			
    			/**
    			 *  清除验证信息 重置功能
    			 * */
    			private function clearFormHandler():void
    			{
    				// 清除所有的值
    				nameInput.text = "";
    				phoneInput.text = "";
    				emailInput.text = "";
    				
    				// 清除错误信息
    				nameInput.errorString = "";
    				phoneInput.errorString = "";
    				emailInput.errorString = "";
    				
    				// 标记为清空
    				formIsEmpty = true;
    				
    				// 获取到焦点
    				resetFocus();               
    			}
    			
    			// 设置第一个控件获取到焦点
    			private function resetFocus():void
    			{
    				focusManager.setFocus(nameInput);
    			}
    		]]>
    	</mx:Script>
    	
    	<!-- 
    	Validators 
    	-->
    	
    	<!-- Name must be longer than 2 characters long -->
    	<mx:StringValidator 
    		id="nameValidator"
    		source="{nameInput}" 
    		property="text"
    		minLength="2"
    		/>
    	
    	<!-- Validate phone number -->
    	<mx:PhoneNumberValidator 
    		id="phoneValidator"
    		source="{phoneInput}" property="text"
    		/>
    	
    	<!-- Validate email -->
    	<mx:EmailValidator
    		id="emailValidator"
    		source="{emailInput}" property="text"
    		/>
    	
    	<!-- 
    	User interface 
    	-->
    	<mx:Panel title="Phone number validator">        
    		<mx:Form>
    			<mx:FormItem label="Name:">
    				<mx:TextInput 
    					id="nameInput"
    					change="validateForm(event);"
    					/>
    			</mx:FormItem>
    			<mx:FormItem label="Phone: ">
    				<mx:TextInput 
    					id="phoneInput"
    					change="validateForm(event);"
    					/>
    			</mx:FormItem>
    			<mx:FormItem label="Email: ">
    				<mx:TextInput 
    					id="emailInput"
    					change="validateForm(event);"
    					/>
    			</mx:FormItem>
    		</mx:Form>
    		<mx:ControlBar horizontalAlign="center">
    			<mx:Button 
    				id="submitButton"
    				label="Submit" 
    				enabled="{formIsValid}"
    				/>
    			<mx:Button 
    				label="Clear form" 
    				enabled="{!formIsEmpty}"
    				click="clearFormHandler();"
    				/>
    		</mx:ControlBar>
    	</mx:Panel>
    	
    </mx:Application>
    


     

    展开全文
  • waitMsg : '正在提交数据', waitTitle : '提示', url : basePath + '/system/role/save?resourceIdList='+getSelectNodes(), method : 'POST', success : function(form, action) { //Ext.Msg.alert('提示', '...
  • 背景:舍友游戏开黑泛滥,...可不可以用python的urllib或者requests库向192.168.1.1提交数据?关键是楼主不确定192.168.1.1到底是不是个url。。。 或者,用selenium可以吗? 如果不可以,那我应该怎么实现上述程序?
  • Ant Design Vue 后台管理项目总结父组件调用子组件(Modal为例)接口调用插槽的使用ES6中规范写法ES6箭头函数修改数据之后的refresh数据重置时间格式 (moment文档)在一个界面打开另一个界面(路由)上传图片的功能...

    父组件调用子组件(Modal为例)

    (1)在父组件中引入 子组件(addNoticeBoard.vue)

    import addNoticeBoard from './module/addNoticeBoard'
    

    (2)在export default 中的component中注册 addNoticeBoard
    (3)在父组件< div >中添加组件标签< add-notice-board ref=“add”>< /add-notice-board >
    (4)在父组件的点击按钮方法中

    submit(){
        this.refs.add.showModal()
    }
    

    (5)在子组件中

    method:{
        showModal(record){}
    }
    

    record时传入的参数,来自插槽

    子组件调用父组件refreh绑定的方法

    this.$emit("refresh")
    

    父组件

    <add-notic-board @refresh="handleOk" ref="add"></add-notic-board>
    

    接口调用

    (1)数据封装,调用接口

    data(){
       form: { title: '', id: '', status: 1, content: '' }
    }
     this.$api.marketingManage.noticeEdit(this.form).then(res => {
            if (res.status == 'ok') {
              this.$message.success(res.message.message)
              this.$emit('refresh')
            } else {
              this.$message.error(res.message.message)
            }
          })
    

    插槽的使用

    (1)在columns中 声明

      {
              title: '上架状态',
              dataIndex: 'status',
              width: 120,
              scopedSlots: { customRender: 'status' }
            },
    

    (2)在< table >中使用< template >

            <template
              slot="status"
              slot-scope="text"
            >
              <a-badge :status="text == 1 ? 'processing' : 'default'" />
              <span>{{ statusMap[text] }} </span>
            </template>
    

    在slot-scope=“text,record”中,第一个参数为当前项的值,第二个参数为整行数据的值。

     <a-badge :status="text == 1 ? 'processing' : 'default'" />
    

    a-badge是antD中的徽标数样式

    ES6中规范写法

    例子:’ 是否 ${text}该公告 `

    (最好查看ES6官方文档)

    ES6箭头函数

    // 正常函数写法
    var result = values.sort(function (a, b) {
      return a - b;
    });
    
    // 箭头函数写法
    var result = values.sort((a, b) => a - b);
    

    ①调用方法中调用接口用到this的 方法要改为箭头函数

    OnOk:()=>{
    ...//代码块
    }
    

    ②在Data中声明的要用this引用

    修改数据之后的refresh

    handleOK(bool=false){
    this.refs.table.refresh(bool)
    }
    

    refresh()是页面更新的方法

    数据重置

    handleReset(){
    this.form.resetFields()
    //赋值语句
     const { package_name, image, author, heat, sort, status, count, rank_id } = this.record
     this.form = { package_name, image, author, heat, sort, status, count, rank_id }
    }
    

    时间格式 (moment文档)

    {
              title: '更新时间',
              dataIndex: 'gmt_modified',
              customRender: record => this.$moment.unix(record).format('YYYY-MM-DD HH:mm:ss'),
              width: 120
            },
    

    在一个界面打开另一个界面(路由)

    <a-button @click="showConfirm(record)">查看榜单内容</a-button>
    
        showConfirm (record) {
          this.$router.push({
            name: 'rankListDetail',
            params: {
              rank_id: record.id
            }
          })
        }
    

    获取路由网址id值

    handleReset () {
          this.form.resetFields()
          this.queryParam = {
            name: '',
            user_id: this.$route.params.id,
            time: this.$route.query.time
          }
    

    上传图片的功能

    (1)引入外部文件

    <script>
    import UploadImage from '../../../components/UploadImage'
    </script>
    

    (2)在Data中声明

      components: {
        UploadImage
      },
    

    (3)使用组件

    <div>
              <a-form-item label="素材封面">
                <upload-image
                  ref="image"
                  @fnUploadSuccess="fnUploadSuccess"
                  filed="image"
                  :defaultFileList="defaultFileList"
                  v-decorator="[
                    'image',
                    {
                      initialValue: constv.QINIU_IMAGE_CND_URL+form.image
                    }
                  ]"
                ></upload-image>
              </a-form-item>
            </div> 
    

    (4)在UploadImage 中的index.vue上传图片的方法中

    //成功是返回
    this.$emit("fnUploadSuccess",this.field,res.key)
    

    (5)在组件方法中接收参数

    fnUploadSuccess (filed, key) {
          this.form.image = key
        },
    

    上传图片问题-展示默认图片

    (1)在UploadImage 中的index.vue中,有一个对象(数组)

    defaultFileList:{
    		type:array,
    		default:()=>[ ]
    },
    

    (2)在生命周期函数中接收

    created(){}
    	this.filelist=this.defaultFileList
    

    声明数组

    	defaultFileList: [],
    

    (3)在使用的组件中接收

    	:defaultFileList="defaultFileList"
    

    (4)在新增、编辑的判断那赋值

    this.defaultFileList = [{
              uid: record.id,
              name: record.image,
              status: 'done',
              // url: this.constv.QINIU_IMAGE_CND_URL + record.image
              url: record.image
            }]
    

    图片上传问题–不同id对应不同image

    <a-modal
          v-model="visible"
          :title="`${isEdit == true ? '编辑' : '新增'}素材包`"
          :footer="null"
          :destroyOnClose="true"
        >
    

    ==:destroyOnClose=“true”==Modal中的API,作用:销毁Modal中的子元素。

    github 提交

    github提交规范

    在这里插入图片描述

    github命令行提交代码

    ① git status
    ②git add .
    ③git commit -m “(修改名称)”

    github创建分支

    命令:git checkout -b 分支名称

    查看当前所有命令

    命令:git branch

    js实体文本转纯文本方法

     entityToString (entity) {
          var div = document.createElement('div')
          div.innerHTML = entity
          var res = div.innerText || div.textContent
          console.log(entity, '->', res, div.innerHTML)
          return res
        },
    

    antD表单绑定和校验规则

    (1)榜单绑定
    (2)校验规则

    <a-form-item label="标题">
            <a-input
              placeholder="请输入标题"
              style="margin:0px auto 20px"
              v-decorator="['title',{rules:[{required: true, message: '请输入标题'}],initialValue: form.title}]"
              @change="titleChange"
            />
          </a-form-item>
    

    正则表达式

    ① 富文本编辑(显示文字前15字,如果有图片则显示【图片】)为例

    <template
              slot="content"
              slot-scope="text"
              style="font-size:small;font-weight:normal !important"
            >
              <p
                v-html="disPlayChange(text)"
                class="content"
                style="font-size:small;font-weight:normal !important"
              > </p>
    
            </template>
    
       disPlayChange: function (val) {
          if (val.indexOf('<img') > -1) {
            return val.replace(/<img[^>]*>/, '[图片]')
          } else {
            return this.entityToString(val).substring(0, 15)
          }
        },
    

    ②正整数

    <div>
              <a-form-item label="前端排序">
                <a-input
                  v-decorator="[
                    'sort',
                    { rules: [ { required: true, message: '请输入前端排序(正整数)' },{initialValue: form.sort}] ,initialValue: form.sort,
                      getValueFromEvent:(event) => {
                        return event.target.value.replace(/^(0+)|[^\d]+/g,'')
                      }},
    
                  ]"
                  placeholder="请输入前端排序"
                />
              </a-form-item>
            </div>
    

    wangEditor富文本编辑器

    富文本编辑器上传图片到七牛

    展开全文
  • 2、业务逻辑层利用Servlet,JSP来处理来自前端的请求,获取数据库数据,并作出相应的处理,将处理数据提交到前端,显示给用户。 3、数据访问层利用Hibernate架构操作数据库,通过应用程序经过Hiberante持久层来访问...
  • 文章目录1 Shiro登录2 完成登录认证时提交form表单3 增加方法---按回车键提交到后台4 重置表单里面的内容5 注销用户功能6 解决登录过期7 权限7.1 角色用户显示所有权限7.2 初始化表格数据7.3 修改回显表格数据 ...

    1 Shiro登录

    登录流程:

    1. 准备一个登录界面login.jsp
    2. 点击登录的时候,向后台传递用户名和密码
      Controller层
    3. 接受参数
    4. 完成登录认证
    //post进入该方法
    @RequestMapping(value = "/login",method = RequestMethod.POST)
    @ResponseBody
    public JsonResult login(String username, String password){
        //主体
        Subject subject = SecurityUtils.getSubject();
        //判断该主体是否已经认证过
        if (!subject.isAuthenticated()) {
            try {
                UsernamePasswordToken token = new UsernamePasswordToken(username, password);
                subject.login(token);
            }catch (UnknownAccountException uae) {
                return new JsonResult(false, "账号错误");
            } catch (IncorrectCredentialsException ice) {
                return new JsonResult(false, "密码错误");
            } catch (LockedAccountException lae) {
                return new JsonResult(false, "这个账号已经被锁定");
            }catch (AuthenticationException ae) {
                return new JsonResult(false, "其他认证错误");
            }
        }
        return new JsonResult();
    }
    

    2 完成登录认证时提交form表单

    //登录方法
    function submitForm() {
        //提交表单
        $("#loginForm").form("submit",{
           url:"/login",
           success:function (data) {
               //返回字符串
              var jsonObj =  $.parseJSON(data);
               if (jsonObj.success){
                   //进入页面
                   location.href="/main";
               }else {
                   $.messager.alert("温馨提示:","登录失败:" + jsonObj.msg,"error");
               }
    
           }
        });
    }
    

    3 增加方法—按回车键提交到后台

    //按回车登录  绑定键盘事件
    $(document.documentElement).on("keyup", function(event) {
        //event 键盘事件的对象
        if(event.keyCode == 13){
            submitForm();
        }
    });
    

    4 重置表单里面的内容

    function resetForm() {
        $("#loginForm").form("clear");
    }
    

    5 注销用户功能

    前台显示

    <div style="float:right;margin-right: 20px; ">
        欢迎[<shiro:principal />]登录,
        <a href="${pageContext.request.contextPath}/logout">退出</a>
    </div>
    

    后台方法跳转

    //注销
    @RequestMapping("/logout")
    public String logout(){
        Subject subject = SecurityUtils.getSubject();
        subject.logout();
        return "forward:/WEB-INF/views/login.jsp";
    }
    

    6 解决登录过期

    //判断当前窗口是否是顶层窗口
    if(top != window){
        window.top.location.href = window.location.href;
    }
    

    7 权限

    7.1 角色用户显示所有权限

    在这里插入图片描述

    function formatperms(arr) {
        var persStr = "";
        for (var i = 0; i < arr.length; i++) {
            var obj = arr[i];
            if (i != arr.length - 1) {
                persStr += obj.name + ",";
            } else {
                persStr += obj.name;
            }
        }
        return persStr;
    }
    

    7.2 初始化表格数据

    在这里插入图片描述

    //初始化表格
    //我们在这里创建两个Grid
    //创建当前角色的权限Grid
    userPermissionGrid.datagrid({
        fit:true,
        fixed:true,
        fitColumns:true,
        rownumbers:true ,
        //双击后移除权限
        onDblClickRow:itsource["removePermission"]
    })
    
    //获取所有权限的Grid
    allPermissionGrid.datagrid({
        fit:true,
        fixed:true,
        fitColumns:true,
        singleSelect:true,
        url:"/permission/page",
        rownumbers:true ,
        pagination:true,
        //双击后添加权限
        onDblClickRow:itsource["addPermissions"]
    })
    
    addPermissions:function (index,row) {
     //双击添加权限
      //把选中的数据  添加到左边的表格中去
      //重复的数据不要添加
      var allrows = userPermissionGrid.datagrid("getRows");
      for (var i = 0; i <allrows.length ; i++) {
          var rowData = allrows[i];
          if (rowData.id == row.id){
              //重复
              $.messager.show({
                  title:'提示',
                  msg:'该权限已经添加!',
                  timeout:2000,
                  showType:'slide'
              });
              return;
          }
      }
      userPermissionGrid.datagrid('appendRow',row);
    },
    removePermission:function (rowIndex, row) {
      //移除数据
      userPermissionGrid.datagrid("deleteRow",rowIndex);
    }
    

    7.3 修改回显表格数据

    edit:function(){
    //选择一条数据进行修改
    var row = roleGrid.datagrid('getSelected');
    if(row){
        //弹出对话框
        roleDialog.dialog('center').dialog('open');
        //清空表格数据
        userPermissionGrid.datagrid("loadData",[]);
        //修改 -- 回显示数据
        roleForm.form('load',row);
        //回显表格里面的数据
        var tempPermissions = [];
        $.extend(tempPermissions,row.permissions);
        //夹杂到表格里面
        userPermissionGrid.datagrid("loadData",tempPermissions);
    }else{
        //提示用户
        $.messager.alert('温馨提示:','请选中一条数据进行修改','info');
        return;
    }
    

    注意:
    每次经过RequestMapping这些请求的时候,都要执行改方法
    如果在修改保存的时候,先在改方法里面查询出数据库Role对象
    查询出来 (headImage) 和 当前save(Role role)会进行比对
    会把接收数据 去覆盖查询出来数据 。–提交我最终之后的数据
    脏数据:一个持久化状态的数据修改非主键的值,在提交的时候会自动更新
    如果修改主键值,就会报n-to-n 解决 在修改的时候的时候,关联对象设置null

    @ModelAttribute("editRole")
    public Role beforeEdit(Long id,String cmd){
        Role role = null;
        if("update".equals(cmd) && id != null && !"".equals(id) ){
            role = roleService.findOne(id);
            //就住这就话:在修改的时候的时候,关联对象设置null,保永生
            role.setPermissions(null);
        }
        return role;
    }
    
    展开全文
  • javaweb商城购物系统

    2019-12-08 18:34:41
    2、业务逻辑层利用Servlet,JSP来处理来自前端的请求,获取数据库数据,并作出相应的处理,将处理数据提交到前端,显示给用户。 3、数据访问层利用Hibernate架构操作数据库,通过应用程序经过Hiberante持久层来访问...
  • 上图中的代码是重置和登录按钮的相关代码,reset是重置按钮,点击会将输入框的输入内容清空,submit为提交按钮,输入内容不能为空,如果输入为空的话会弹出提示, 上图为login.js的部分代码,数据的传输用的是ajax,...
  • 在本示例中,初始时页面只有一个简简单单的欢迎词和文本框,当聚焦文本框开始输入文字,下方出现提交重置按钮,默认开始时间为当前;点击时间可以重新选择,默认该项目到点前会进行提醒;也可以点绿色开关改成不...
  • 该网站只完成了主体框架,对需要用到的数据结构进行了编写。 用到的环境及第三方应用 前端界面用到的是boostrap3,只做了几个页面简单的规划。 源码主要完成了会员的注册,登录,密码的修改重置。密码重置部分需要...
  • 遇到的问题集

    千次阅读 2019-01-11 15:46:06
    问题1:streaming提交任务产生了堆积 ...对策:重置消费偏移量,增大运行存储(需要增加的特别大,因为堆积的数据量太多,需要想办法处理) spark.streaming.unpersist()设置为true,可以自动回收 ...
  • 网上日记本

    2013-12-30 21:34:33
    “退出”按钮用于结束一切操作,返回到帐号输入界面,从数据库中调用的所有数据经系统重新整理后,返回数据库。其功能界面如(图3-5)所示 (图3-5) 2.2 修改日记参数 修改日记本参数是用户对自己日记本一些...
  • 4. 人机交互数据输入界面十分干净清爽,我们坚信这是一流的设计思想。 5. 所有信息内容在线完成编辑,就象WORD一样简单、可视而又功能完善,几乎能完成你想要的所有效果。 6. 任意设置的会员级别和浏览权限精确到每...
  • 改进的管理员用户界面 30 访问更多文档 30 更分散的管理功能 30 访问系统统计数据 30 系统运行状况的快照 31 管理队列 31 减少部署详情 31 设置计划表上的优先级 31 报表中交互功能的更好控制 31 新建示样审核报表 ...
  •  显示个人发表的求购商品信息,支持点击之后对数据进行修改,例如修改商品名字,修改商品的单价和数量等,修改之后将新的数据提交到数据库,数据库执行相应的修改操作,也可以直接下架某件商品,点击删除按钮之后,...
  • 修复主页在加载更多数据时出现双重滚动条的 bug,并修改了滚动条样式(感谢@zhuzhuyule 的提交) 修复打开歌单时,网易云音乐个人歌单地址无法解析的 bug(感谢@zhuzhuyule 的提交) 2017-12-26 增加同步歌单到 ...
  • 如果您觉得输入有误,想重新输的话,可按“重置”按钮清空各栏。 1.3 各功能模块介绍 页面左侧为功能区,您可通过点击完成通知信息、资料管理、库存管理、订单处理、结算管理、客服管理、辅助查询等工作。 2. ...
  • Ext+truts2 登陆

    2009-09-02 15:17:31
    我现在想用Ext+struts2做一个用户登陆,我的需求是从界面上面提交到Action,Action得到相应的用户数据后保存到Session里面,最后返回到Ext界面界面的JS文件是导入到html网面里面的,我怎么才能在JS文件里面得到...
  • eas供应链dep案例集

    2017-11-18 22:32:39
    采购入库单编辑界面将总金额和总本位币金额字段放出来进行数据显示; 2. 采购入库单审核时。同步更新该字段。使其值正确; " 0.5 新增及调整字段 EASSCMA1P0007 领料申请单分录里增加成本对象编码名称 在领料申请单...
  • [会议管理]修复了serviceAPI枚举类型提交错误的问题 [移动办公]修复了IOS任务列表图标随机变化的问题 [移动办公]修复了ios考勤统计列表排序的问题 [移动办公]修复了了文档附件无法打开的问题 [移动办公]修复了IOS...
  • 实例199 GridView绑定数据为空时的界面设计 316 实例200 GridView强制换行显示论坛帖子的详细信息 317 实例201 查看GridView当前行绑定的商品详细信息 319 实例202 GridView复选框绑定列设置商品是否上架 320 实例...
  • 实例199 GridView绑定数据为空时的界面设计 316 实例200 GridView强制换行显示论坛帖子的详细信息 317 实例201 查看GridView当前行绑定的商品详细信息 319 实例202 GridView复选框绑定列设置商品是否上架 320 实例...
  • 实例199 GridView绑定数据为空时的界面设计 316 实例200 GridView强制换行显示论坛帖子的详细信息 317 实例201 查看GridView当前行绑定的商品详细信息 319 实例202 GridView复选框绑定列设置商品是否上架 320 实例...
  • 人机交互数据输入界面十分干净清爽,我们坚信这是一流的设计思想。所有信息内容在线完成编辑,就象WORD一样简单、可视而又功能完善,几乎能完成你想要的所有效果。中文,英文,繁体三语使公司,企业网站,最大范围被人...

空空如也

空空如也

1 2 3 4 5
收藏数 83
精华内容 33
关键字:

数据提交界面重置