懂懂kkw
懂懂kkw

Vue经典题型demo 练习


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <style>
        [v-cloak] {
            display: none }

        .btn-circle {
            border-radius: 3px;
            border: 1px solid #c0c0c0;
            cursor: pointer;
            display: inline-block;
            width: 16px;
            height: 16px;
        }
    style>
head>

<body>
    <section class="container" id="app">
        <h2 class="text-center">学生信息表h2>
        
        <form class="form-horizontal">
            <div class="form-group">
                <label for="inputName" class="col-sm-3 col-sm-offset-1 control-label">学生姓名:label>
                <div class="col-sm-5">
                    <input type="text" class="form-control" v-model="inputName" placeholder="学生姓名">
                div>
            div>
            
            <div class="form-group">
                <label for="inputPhone" class="col-sm-3 col-sm-offset-1 control-label">联系方式:label>
                <div class="col-sm-5">
                    <input type="text" class="form-control" v-model="inputPhone" placeholder="联系方式">
                div>
            div>
            <div class="form-group">
                <div class="col-sm-12 text-center">
                    <button type="button" class="btn btn-success" @click="addData" v-show="showOrHide">
                        <span class="glyphicon glyphicon-plus">span> 添加信息
                    button>
                    <button type="button" class="btn btn-warning" @click="confirmEdit" v-show="!showOrHide" style="display:none">
                        <span class="glyphicon glyphicon-ok">span> 确认编辑
                    button>
                div>
            div>
        form>
        
        <table class="table" v-show="stus.length">
            <thead>
                <tr>
                    <th class="text-center col-sm-3">学号th>
                    <th class="text-center col-sm-3">学生姓名th>
                    <th class="text-center col-sm-3">联系方式th>
                    <th class="text-center col-sm-3">操作th>
                tr>
            thead>
            <tbody id="showData" v-cloak>
                <tr class="text-center" v-for="(item,index) in stus" :key="index" :class="{'bg-danger':!item.isFinished}">
                    <th class="text-center">{{item.id}}th>
                    <td>{{item.name}}td>
                    <td>{{item.phone}}td>
                    <td>
                        <button type="button" class="btn btn-default btn-sm btn-edit" @click="editData(index)">
                            <span class="glyphicon glyphicon-edit">span> 编辑button> 
                        <button type="button" class="btn btn-default btn-sm btn-del" data-toggle="modal" data-target=".bs-example-modal-sm" @click="findIndex(index)">
                            <span class="glyphicon glyphicon-remove-sign">span> 删除
                        button>
                        <span class="glyphicon btn-circle" @click="isOk(index)" :class="{'glyphicon-ok':!item.isFinished}">span>
                    td>
                tr>
                <tr class="text-center">
                    <td>总人数为{{lenNum}}td>
                    <td>未及格人数{{noFinished}}td>
                    <td>及格人数{{finished}}td>
                    <td class="text-center">
                        <button type="button" class="btn btn-danger btn-trash" data-toggle="modal" data-target=".bs-example-modal-sm" @click="clearBtn">
                            <span class="glyphicon glyphicon-trash">span> 清空button>
                    td>
                tr>
            tbody>
        table>
        <div class="alert alert-warning text-center" role="alert" id="warning" style="display:none" v-show="!stus.length">暂无数据......div>
        
        <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×span>
                        button>
                        <h4 class="modal-title text-danger">{{tips}}h4>
                    div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消button>
                        <button type="button" class="btn btn-primary btn-danger" data-dismiss="modal" @click="removeData">确定button>
                    div>
                div>
            div>
        div>

    section>
body>
<script src="lib/jquery/jquery.min-v1.js">script>
<script src="lib/bootstrap/js/bootstrap.min.js">script>
<script src="lib/vue/vue.js">script>
<script>
(function (Vue) {
    var data = [{
            id: 'ID1505043900575',
            name: '小黑',
            phone: 1232222,
            isFinished:true
        },
        {
            id: 'ID1505043903711',
            name: '小白',
            phone: 1233333,
            isFinished:false
        },
        {
            id: 'ID1505043906767',
            name: '小花',
            phone: 1234444,
            isFinished:true
        },
        {
            id: 'ID1505043941174',
            name: '小小',
            phone: 1235555,
            isFinished:false
        }
    ];
    var app = new Vue({
        el:'#app',
        data:{
            stus:data,
            inputName:'',
            inputPhone:'',
            index:0,
            showOrHide:true,
            tips:''
        },
        computed:{
            lenNum:function(){
                return this.stus.length;
            },
            finished:function(){
                var count=0;
                for(var i=0;i<this.stus.length;i++){
                    if(this.stus[i].isFinished){
                        count++;
                    }
                }
                return count;
            },
            noFinished:function(){
                return this.lenNum-this.finished;
            }
        },
        methods:{
            addData:function(){
                var dt={
                    id:'ID'+new Date().getTime(),
                    name:this.inputName,
                    phone:this.inputPhone,
                    isFinished:true
                }
                this.stus.push(dt);
                this.inputName=this.inputPhone='';
            },
            findIndex:function(i){
                this.index=i;
                this.tips='\u60a8\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f\uff1f\uff1f';
                this.showOrHide=true;
                this.inputName=this.inputPhone='';
            },
            removeData:function(){
                if(this.index===-2){
                    this.stus=[];
                }else{
                    this.stus.splice(this.index,1);
                }
            },
            editData:function(i){
                this.index=i;
                this.inputName=this.stus[i].name;
                this.inputPhone=this.stus[i].phone;
                this.showOrHide=false;
            },
            confirmEdit:function(){
                this.stus[this.index].name=this.inputName;
                this.stus[this.index].phone=this.inputPhone;
                this.showOrHide=true;
                this.inputName=this.inputPhone='';
            },
            clearBtn:function(){
                this.index=-2;
                //在windows、windows service 默认以GBK的编码方式跟你保存
                //linux、unix、windows service 服务端的系统
                this.tips='\u60a8\u786e\u5b9a\u8981\u6e05\u7a7a\u5417\uff1f\uff1f\uff1f';
                this.showOrHide=true;
                this.inputName=this.inputPhone='';
            },

            isOk:function(i){
                this.stus[i].isFinished=!this.stus[i].isFinished
            }
        }
    });
})(Vue)
script>

html>

你可能感兴趣的:(前端入门)

  • 前端入门：JavaScript基础介绍 虞锦雯
    一、JavaScript介绍Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协
  • 前端入门题目 kidding723 前端前端框架setTimeoutvarletconstnan
    第1题if(false){vara=1;letb=2;}console.log(a);console.log(b);解析：//输出undefinedReferenceError:bisnotdefinedvar不会产生块级作用域,let会产生块级作用域。第2题vara;if(false){a=1;letb=2;}console.log(a);console.log(b);解析：//输出Refere
  • 【前端入门】HTML5全攻略 isun1 前端开发html5前端
    HTML概述HTML指的是超文本标记语言，它是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是由国际最著名的标准化组织。Web标准的构成（重点）主要包括结构（structure）、表现（presebtation）、行为（Behavior）三个方面。结构：结构用于对网页元
  • web前端入门到实战：7道简单的 JavaScript 面试题，三个月没招到一个前端开发工程师 大前端世界
    你能做什么?遵循这个建议：“熟能生巧”。通过投入足够的时间，更好地定期深入了解JavaScript，将改善你的编码，并顺便提高你的面试技巧。在这篇文章中，你会发现7个乍一看很简单，但实际上很棘手的JavaScript面试题。虽然一开始这些问题看起来是随机的，但是它们试图与JavaScript的重要概念挂钩。所以你最好在下次面试前练习一下!1.意外的全局变量问题在以下代码中，typeofa和type
  • 跟着pink老师前端入门教程-day25 axiu呀 移动端HTML5+CSS3前端开发语言html5css3vscode
    4、阿里百秀首页案例4.1技术选型方案：我们采取响应式页面开发方案技术：bootstrap框架设计图：本设计图采用1280px设计尺寸4.2屏幕划分分析①屏幕缩放发现中屏幕和大屏幕布局是一致的。因此我们列定义为col-md-就可以了，md是大于等于970以上的②屏幕缩放发现小屏幕布局发生变化，因此我们需要为小屏幕根据需求改变布局③屏幕缩放发现超小屏幕布局又发生变化，因此我们需要为超小屏幕根据需求改
  • 跟着pink老师前端入门教程-day24 axiu呀 HTML5+CSS3移动端前端html5学习开发语言htmlcss3css
    四、移动端WEB开发之响应式布局1、响应式开发1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。1.2响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理：在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。平时响应式尺寸划分，也可以根据
  • web前端入门到实战：CSS开发中的十大错误用法 大前端世界
    自从接触前端软件开发以来，我发现开发猿一直在努力征服着CSS。理由也很充分，开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行，而另一个DIV“浮”到左侧，感觉没有任何意义。你也一定听到过开发人员的抱怨：“我们只需要向左边移动五个像素，但是…天哪!为什么整个都向下移动了一行。到底是哪里错了?!?!?!”所以，这篇文章就和大家来聊一聊CSS中的十大错误的做法。1.不要滥用类
  • 跟着pink老师前端入门教程-day23 axiu呀 移动端HTML5+CSS3前端开发语言html5css3学习
    苏宁网首页案例制作设置视口标签以及引入初始化样式设置视口标签以及引入初始化样式设置公共common.less文件1.新建common.less设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小，因为除了首页其他页面也需要2.关心的尺寸有320px、360px、375px、384px、400px、414px、424px、480px、540px、720px、750px3.划分的份数我们定为
  • 前端入门：（五）JavaScript 续 星光闪闪k 前端Java前端javascript开发语言后端架构前端框架
    10.浏览器存储10.1Cookie的概念和使用Cookie是一种存储在用户计算机上的小型文本文件，用于跟踪和识别用户。Cookie通常用于存储用户的偏好设置、会话信息等，可以通过JavaScript进行读取和设置。//示例：设置和读取Cookiedocument.cookie="username=JohnDoe;expires=Thu,18Dec202412:00:00UTC;path=/";v
  • 跟着pink老师前端入门教程-day21+22 axiu呀 移动端HTML5+CSS3前端html5css学习css3开发语言
    5.4常见flex布局思路5.5背景线性渐变语法：background:linear-gradient(起始方向,颜色1,颜色2,...);background:-webkit-linear-gradient(left,red,blue);background:-webkit-linear-gradient(lefttop,red,blue);背景渐变必须添加浏览器私有前缀起始方向可以是：方位名词
  • 跟着pink老师前端入门教程-day20 axiu呀 移动端HTML5+CSS3前端开发语言html5css3vscodecss
    二、移动WEB开发之flex布局1、flex布局体验1.1传统布局与flex布局传统布局：兼容性好、布局繁琐、局限性、不能再移动端很好的布局flex弹性布局：操作方便，布局极为简单，移动端应用很广泛；PC端浏览器支持情况较差；IE11或更低版本，不支持或仅部分支持建议：1.如果是PC端页面布局，我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.
  • 跟着pink老师前端入门教程-day19 axiu呀 HTML5+CSS3移动端前端开发语言html5css3vscode
    一、移动WEB开发之流式布局1、移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。1.2常见移动屏幕尺寸注：以上
  • 给想学前端的小白整理了一下学习路线 前端你鹏哥 前端学习
    第一阶段：前端入门1.Html52.Css3第二阶段：JavaScript①JavaScript基础语法②JavaScript高级（WebAPI/DomBom）③JavaScript框架（jQuery）④数据可视化（echarts）第三阶段服务端编程1.nodejs基础2.ajax3.promise4.axios5.了解学习es6语法，http协议规则6.TypeScript第四阶段Vue.js①
  • 【web前端】CSS笔记小结 Emmet+复合选择器+元素显示模式+背景（Day 2） 进击的文文文 webcss前端css3
    来源：黑马程序员pink老师前端入门教程目录I.Emmet语法①快速生成HTML结构语法②快速生成CSS样式语法③快速格式化代码II.复合选择器①后代选择器※②子选择器※③并集选择器※④伪类选择器❀链接❀focus⑤总结III.元素显示模式①块元素②行内元素③行内块元素④总结⑤显示模式的转换⑥snipaste的使用⑦单行文字垂直居中IV.背景总结①背景颜色bgc❀半透明②背景图片bgi③背景平铺b
  • 【CSS】复合选择器、元素显示模式、背景、CSS的三大特性以及一些小工具 君和- 前端#csscss前端
    该系列文章是博主学习前端入门课程的笔记，同时也为了方便查阅，有任何问题都欢迎在评论区提出。本文主要介绍CSS基础知识，包括一些小工具、复合选择器、元素显示模式、背景和CSS的三大特性思维导图第一章web工具1.1Emmet语法作用：使用缩写，提高HTML/CSS代码的编写速度。VSCode内部已经集成该语法，可以直接使用快速生成HTML结构语法标签：标签名+Tab键。例如div+Tab键即可生成多
  • web前端入门开发，CSS复合选择器，知乎上转疯了！ 高级Java面试题大全 程序员经验分享前端面试
    前端的兴起前端真正兴起和开始频繁出现在大家的视线里，大概是在十年前。彼时的Web开发基本是由后端主导，前端能做的只是校验一下数据、操作一下DOM。（其中数据检验是JS产生的根本原因：当时网络太慢，在服务端检验数据并反馈给用户，让用户知晓输入错误，这个流程太长、反应太慢，因此通过脚本在用户端完成第一步校验，既方便了用户，又减轻了带宽的压力。）即使06年jQuery发布并风靡全球，以及XMLHttpR
  • 跟着pink老师前端入门教程-day18 axiu呀 前端自学前端html5css学习开发语言
    3、CSS33D转换生活中的环境是3D的，照片就是3D物体在2D平面呈现的例子特点：近大远小，物体后面遮挡不可见3.1三维坐标系三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的x轴：水平向右注意：x右边是正值，左边是负值y轴：垂直向下注意：y下面是正值，上面是负值z轴：垂直屏幕注意：往外面是正值，往里面是负值3.23D移动translate3d3D移动在2D移动的基础上多加了一个可以移动
  • 跟着pink老师前端入门教程-day16 axiu呀 前端自学前端html5css学习css3
    二十七、CSS3进阶1、CSS32D转换转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果转换（transform）可以简单理解为变形移动：translate；旋转：rotate；缩放：scale1.1二维坐标系2D转换是改变标签在二维平面上的位置和形状的一种技术1.22D转换之移动translate2D移动是2D转换里面的一种功能，可以改变元素在页面
  • 跟着pink老师前端入门教程-day14+15 axiu呀 前端自学前端开发语言html5css3vscodecss
    2.6main主体模块制作HTML：品优购快报更多[特惠】备战开学季全民半价购数码[公告】品优稳占家电网购六成份额[特惠】百元中秋全品类礼券限里领[公告】上品优生鲜享阳澄湖大闸蟹[特惠】每日享折扣品优品质游花费减飞机花费花费花费花费花费花费花费花费花费花费CSS/*声明字体图标*/@font-face{font-family:'icomoon';src:url('../fonts/icomoon.
  • 跟着pink老师前端入门教程-day17 axiu呀 前端自学前端开发语言html5css3学习
    2、CSS3动画动画（animation）是CSS3中就要有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果2.1动画的基本使用制作动画分为两步1.先定义动画2.再使用（调用）动画1.1用keyframes定义动画（类似定义类选择器）@keyframes动画名称{0%{width:100px;}10
  • 前端入门第三天 qingxi_ran 前端
    目录一、CSS定义二、CSS引入方式三、基础选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器5.画盒子四、文字控制属性1.字体大小2.字体粗细3.字体倾斜4.行高1.行高-垂直居中5.字体族6.font复合属性7.文本缩进8.文本对齐方式1.水平对齐方式-图片9.修饰线10.颜色五、调试工具六、综合案例一、CSS定义1.基础选择器找标签2.文字控制属性文字大小、颜色键值对：color
  • 一文彻底搞懂前端监控 等推荐 若川视野 可视化编程语言人工智能java面试
    大家好，我是若川。话不多说，这一次花了几个小时精心为大家挑选了20余篇好文，供大家阅读学习。本文阅读技巧，先粗看标题，感兴趣可以都关注一波，一起共同进步。前端点线面前端点线面百度前端研发工程师，热衷于阅读源码，专注于前端工程化、前端监控、智能广告等方向，致力于向全栈发展，涉猎广泛。《前端百题斩》作者，该书上册已更新完毕，内容涵盖JS基础、浏览器和网络，共计50个章节，5万多字，是前端入门或面试的宝
  • 前端入门第二天 qingxi_ran 前端
    目录一、列表、表格、表单二、列表（布局内容排列整齐的区域）1.无序列表（不规定顺序）2.有序列表（规定顺序）3.定义列表（一个标题多个分类）三、表格1.表格结构标签2.合并单元四、表单1.input标签基本使用（type）2.input标签占位文本（placeholder）3.radio单选框（namechecked）4.file多文件上传（multiple）5.下拉菜单（selectoption
  • 前端入门第一天 qingxi_ran 前端
    目录HTML超文本标记语言——HyperTextMarkupLanguage标签语法：双标签：单标签——只有开始标签，没有结束标签基本骨架：标签的关系:注释：标题标签：（新闻标题、文章标题、网页区域名称、产品名称）特点：强调：段落标签：文本格式化标签：编辑图像标签：路径：相对路径：绝对路径：超链接标签：强调：音频标签：视频标签：综合案例：HTML超文本标记语言——HyperTextMarkupLa
  • web前端入门到实战：仅3行核心css代码的rate评分组件，秀到头皮发麻 大前端世界
    用css实现一个rate评分❗核心代码也就三行效果图原理梳理如下：去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]、；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中✅，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前选中的所有兄弟元素都一起高亮；把5个radio单选框反向排列❗；代码这是我事先生成好的iconfont一个很简
  • Web前端入门 - HTML JavaScript Vue 小小爱1990 Web开发javascripthtmlvue.jsweb
    ps：刚开始学习web前端开发，有什么不正确、不标准的内容，欢迎大家指出~Web简介90年代初期，Web1.0，静态页面，不和服务器交互，网页三剑客指Dreamweaver、Fireworks、Flash2000年代中期，Web2.0，动态页面，HTML是网页的结构，CSS是网页的外观，JavaScript是网页的行为。Ajax、jQuery等技术。2010年代，移动互联网，响应式设计、单页面应用
  • 黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端 橘子味红烧肉 前端html5css3
    一、HTML5基础1、网页的相关概念1.1什么是网页？1.2什么是HTML？2、常用浏览器2.1常用的浏览器2.2浏览器内核3、Web标准3.1为啥需要Web标准？3.2Web标准的构成：4、HTML语法规范4.1基本语法概述：4.2标签关系：5、HTML基本结构标签5.1HTML网页：6、开发工具6.1VSCode常用快捷键：第二篇：前端VSCode常用插件-快捷键-以及常用技巧-pink老师-
  • 黑马pink老师Web前端入门笔记（二） 耿天霸 前端htmljscss
    Web前端入门二、HTML标签（一）学习目标（二）HTML语法规范（三）HTML基本结构标签（四）开发工具（五）HTML常用标签1、语义标签：2、标题标签(重要)：3、段落和换行标签(重要)：4、文本格式标签：5、div和span标签：6、图像标签（重要）7、超连接标签（六）HTML中的注释和特殊字符1、注释2、特殊字符二、HTML标签（一）学习目标（二）HTML语法规范1、所有标签由尖括号加关键
  • web前端入门到实战：js函数与作用域,了解函数基本概念 大前端世界
    通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if，switch选择;循环forwhile；下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数？简单来说是为了提高代码的复用性，写一遍可以多次使用，把特定的功能语句打包
  • Web前端入门学习笔记 HTML、CSS、Javascript、Jquery love is sour 前端javascript前端学习
    Web学习笔记文章目录一.前言参考资料二.HTML基础HTML概述img标签Div标签表单Web语义化三.CSS样式CSS概述CSS添加方法选择器CSS文本样式CSS背景样式CSS超链接列表，表格样式四.CSS布局与定位概述盒子模型CSS定位概述文档流定位浮动定位层定位弹性盒子布局网格布局精灵图五、CSS3盒子圆角边框阴影文字与文本2D转换过渡效果3D变换六、JavaScript加入JS代码的方法
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他