Cain_Chen_1997
Cain_Chen_1997

Vue实现学生信息录入系统

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>学生信息录入</title>
<style>
*{
     
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}
#app{
     
    width: 1000px;
    background-color: #eee;
    margin: 0 auto;
    position: relative;
    min-height: 600px;
    padding-top: 50px;
}
.add{
     
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    height: 30px;
    background-color: tomato;
    border: none;
    outline: none;
}
.addInfo{
     
    /* display: flex; */
    /* justify-content: center; */
    padding: 5px;
    width: 500px;
    height: 300px;
    border: 1px solid rebeccapurple;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: lightcyan;

}
.addInfo p{
     
    text-align: left;
    display: block;
    width: 400px;
    height: 50px;
}
.addInfo p input{
     
    outline: none;
    border: 1px solid #ff6700;
}
.addInfo p:last-child input{
     
    width: 80px;
    height: 40px;
    margin: 0 20px;
    background-color: lightseagreen;
    outline: none;
    border: none;
}
.addInfo p:last-child{
     
    /* height: 30px; */
    margin-left: 50px;
    text-align: center;
}
.editInfo{
     
    /* display: flex; */
    /* justify-content: center; */
    padding: 5px;
    width: 500px;
    height: 300px;
    border: 1px solid rebeccapurple;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: lightcyan;

}
.editInfo p{
     
    text-align: left;
    display: block;
    width: 400px;
    height: 50px;
}
.editInfo p input{
     
    outline: none;
    border: 1px solid #ff6700;
}
.editInfo p:last-child input{
     
    width: 80px;
    height: 40px;
    margin: 0 20px;
    background-color: lightseagreen;
    outline: none;
    border: none;
}
.editInfo p:last-child{
     
    /* height: 30px; */
    margin-left: 50px;
    text-align: center;
}
table{
     
    width: 600px;
    border: 2px solid lightseagreen;
    text-align: center;
    margin:0 auto;
}
table tbody input{
     
    width: 45px;
    height: 25px;
    outline: none;
    border: 1px solid green;
    font-size: 18px;
}
table tbody td:nth-child(6) input{
     
    background-color: lightgreen;
    font-size: 14px;
    color: #333;
}
table tbody td:nth-child(7) input{
     
    background-color: tomato;
    color: #eee;
    font-size: 14px;
}
</style>
</head>
<body>
    <div id="app">
        <button class="add" @click="showAddInfo">添加</button>
        <div class="addInfo" v-if="isShow1">
            <p>
                <label for="name">姓名 ：</label>
                <input id="name" type="text" v-model="name">
            </p>
            <p>
                <label for="sex">性别 ：</label>
                <label for="sex">男</label>
                <input v-model="gender" value="男" name="sex" type="radio">
                <label for="sex">女</label>
                <input v-model="gender" value="女" name="sex" type="radio">
            </p>
            <p>
                <label for="birthday">出生年月 ：</label>
                <input id="birthday" type="text" v-model="birthday">
            </p>
            <p>
                <label for="education">学历 ：</label>
                <input id="education" type="text" v-model="education">
            </p>
            <p>
                <label for="remark">备注 ：</label>
                <input id="remark" type="text" v-model="remark">
            </p>
            <p>
                <input type="button" value="添加" @click="addStudentInfo">
                <!-- <input type="button" value="确定修改" @click="editConfirm"> -->
                <input type="button" value="取消" @click="hideAddInfo1">
            </p>
        </div>
        <div class="editInfo" v-if="isShow2">
            <p>
                <label for="name">姓名 ：</label>
                <input id="name" type="text" v-model="name">
            </p>
            <p>
                <label for="sex">性别 ：</label>
                <label for="sex">男</label>
                <input v-model="gender" value="男" name="sex" type="radio">
                <label for="sex">女</label>
                <input v-model="gender" value="女" name="sex" type="radio">
            </p>
            <p>
                <label for="birthday">出生年月 ：</label>
                <input id="birthday" type="text" v-model="birthday">
            </p>
            <p>
                <label for="education">学历 ：</label>
                <input id="education" type="text" v-model="education">
            </p>
            <p>
                <label for="remark">备注 ：</label>
                <input id="remark" type="text" v-model="remark">
            </p>
            <p>
                <input type="button" value="修改" @click="editConfirm">
                <!-- <input type="button" value="确定修改" @click="editConfirm"> -->
                <input type="button" value="取消" @click="hideAddInfo2">
            </p>
        </div>
        <div class="showInfo">
            <table>
                <thead>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>出生年月</th>
                    <th>学历</th>
                    <th>备注</th>
                    <th>修改</th>
                    <th>删除</th>
                </thead>
                <tbody>
                    <tr v-for="(item,index) in students" :key="index">
                        <td>{
     {
     item.name}}</td>
                        <td>{
     {
     item.gender}}</td>
                        <td>{
     {
     item.birthday}}</td>
                        <td>{
     {
     item.education}}</td>
                        <td>{
     {
     item.remark}}</td>
                        <td><input type="button" value="修改" @click="editInfo(item,index)"></td>
                        <td><input type="button" value="删除" @click="remove(item,index)"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
<script src="../../vue.js"></script>
<script>
    var app = new Vue({
     
        el:"#app",
        data:{
     
            isShow1:false,
            isShow2:false,
            students:[{
     
                "id":"1",
                "name":"小明",
                "gender":"男",
                "birthday":"1997年6月",
                "education":"本科",
                "remark":"无"
            },
            {
     
                "id":"2",
                "name":"小红",
                "gender":"女",
                "birthday":"1920年6月",
                "education":"专科",
                "remark":"无"
            },
            {
     
                "id":"3",
                "name":"小白",
                "gender":"男",
                "birthday":"2000年6月",
                "education":"本科",
                "remark":"无"
            }],
            index:0,
            name:"",
            id:'',
            gender:"男",
            birthday:"",
            education:"",
            remark:"",
        },
        methods:{
     
            showAddInfo(){
     
                this.isShow1 = true;
            },
            hideAddInfo1(){
     
                this.isShow1 = false;
                this.name = "";
                this.gender = "男";
                this.birthday = "";
                this.education = "";
                this.remark = "";
            },
            showAddInfo2(){
     
                this.isShow2 = true;
            },
            hideAddInfo2(){
     
                this.isShow2 = false;
                this.name = "";
                this.gender = "男";
                this.birthday = "";
                this.education = "";
                this.remark = "";
            },
            addStudentInfo(){
     
                this.students.push({
     
                    "name":this.name,
                    "gender":this.gender,
                    "birthday":this.birthday,
                    "education":this.education,
                    "remark":this.remark
                    })
                this.name = "";
                this.gender = "男";
                this.birthday = "";
                this.education = "";
                this.remark = "";
                this.hideAddInfo1();
            },
            editConfirm(){
     
                //数组必须使用Vue重写的方法，有七个方法
                // push()
                // pop()
                // shift()
                // unshift()
                // splice()
                // sort()
                // reverse()
                this.students[this.index].name = this.name;
                this.students[this.index].gender = this.gender;
                this.students[this.index].birthday = this.birthday;
                this.students[this.index].education = this.education;
                this.students[this.index].remark = this.remark;
                this.students[this.index].name=this.name;
                this.hideAddInfo2();
            },
            editInfo(item,num){
     
                this.showAddInfo2();
                this.index = num;
                this.name = this.students[num].name;
                this.gender = this.students[num].gender;
                this.birthday = this.students[num].birthday;
                this.education = this.students[num].education;
                this.remark = this.students[num].remark;
                this.students[num].name=this.name;
            },
            remove(item,num){
     
                this.students.splice(num,1);
                console.log(num);
            }
        }
    })
</script>
</body>
</html>

你可能感兴趣的:(小练习,vue,vue.js)

  • **让表单设计从未如此优雅——Vue Formly深度解析** 孙爽知Kody
    让表单设计从未如此优雅——VueFormly深度解析vue-formlyJavaScriptpoweredformsforVue.js项目地址:https://gitcode.com/gh_mirrors/vu/vue-formly在Web开发中，处理复杂的表单逻辑往往让人头疼。无论是数据验证还是界面的统一风格，都需要开发者花费大量精力来维护代码的一致性和效率。今天，我们要向大家推荐一个强大的表单
  • 简单的基于Spring Cloud和Vue的示例项目结构及部分关键代码 软件职业规划 springspringcloudvue.jsspring
    后端（SpringCloud部分）1.创建SpringCloud项目（以SpringCloudGateway和SpringCloudEureka为例）首先，使用SpringInitializr创建一个基础的SpringBoot项目，并添加相关的SpringCloud依赖，比如：spring-cloud-starter-gateway：用于实现API网关功能。spring-cloud-starter
  • 从零基础开始实现一个Spring Boot + Vue 项目的详细步骤指南 软件职业规划 springspringbootvue.js后端
    一、准备工作1.开发环境搭建安装JDK（JavaDevelopmentKit）：前往Oracle官网（https://www.oracle.com/java/technologies/javase-jdk11-downloads.html，以JDK11为例）下载适合你操作系统的JDK安装包，按照安装向导完成安装。安装完成后，配置系统环境变量，确保在命令行中能通过java-version命令查看到正
  • elment plus 报错：ElementPlusError: [ElForm] unexpected width 0 at debugWarn (error.ts:13:37) m0_75101866 前端vue.jsjavascript前端
    解决：Vue3警告问题记录二_elementpluserror:[elform]unexpectedwidth0-CSDN博客测试添加label-width依然warning，el-form-item包裹了el-button，拿出来就好了，为其他el-form-item都添加上label-width
  • vue局域网内访问 Simorel 前端vue局域网访问
    为了能在公司局域网内访问vue项目需要配置vue项目配置vue.config.jsmodule.exports={devServer:{/**为了在局域网内访问修改host*/host:'0.0.0.0',},};win10配置
  • vue 无法 局域网内访问 m0_75101866 开发工具vue.js
    资料Vue项目设置可以局域网访问_vue.js_脚本之家过程上午，前端vue服务能够在局域网内访问，下午就不行了，但是后端服务能够正常访问，本机也能正常访问ip：端口号前端服务判定不是下面的问题：同一局域网下访问vue项目_vue在局域网内访问-CSDN博客然后，关闭防火墙尝试。。-_-!netshadvfirewallfirewalladdrulename="Allow8080"dir=inac
  • Element table 表头吸顶效果（适用于表头无fixed属性使用） 阳光的男夹克 Vue2javascript开发语言ecmascript
    在main.js自定义sticky指令Vue.directive('sticky',{//当被绑定的元素插入到DOM中时……inserted(el,binding){//获取表格constthead=el.children[1]consttbody=el.children[2]//获取滚动元素constscrollParent=document.querySelector(binding.valu
  • vue 前端显示图片加token_手摸手，带你用vue撸后台 系列二(登录权限篇) weixin_39562579 vue前端显示图片加tokenvue本地存储vue编辑页面和新增
    完整项目地址：vue-element-adminhttps://github.com/PanJiaChen/vue-element-admin前言拖更有点严重，过了半个月才写了第二篇教程。无奈自己是一个业务猿，每天被我司的产品虐的死去活来，之前又病了一下休息了几天，大家见谅。进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功
  • Vite + Vue3 + TS项目配置前置路由守卫 洛*璃 Vue.jsvue.js前端javascriptVue-RouterPiniatypescript
    在现代前端开发中，使用Vue3和TypeScript的组合是一种流行且高效的开发方式。Vite是一个极速的构建工具，可以显著提升开发体验。本文博主将指导你如何在Vite+Vue3+TypeScript项目中配置前置路由守卫（NavigationGuards）。前置条件在开始配置项目前置路由守卫前，博主希望你能够先达成以下前置条件：1.完成Vue3前端项目搭建:Vite创建Vue3+TS项目2.引入
  • el-table表格单行表头 Is无糖 vue.js前端javascript
    最近开发项目遇到一个订单列表展示的需要在每一行表头上进行订单的某些操作和数据展示如图：表格一般我都是使用elementui的el-table正常使用肯定是不能满足这个效果想了想也是有点思绪便做了一个demo记录一下效果图：父组件代码:importchilTabelfrom'./components/chilTable.vue';exportdefault{data(){return{tableDa
  • .NET 7迁移后OutOfMemoryException的解决之旅 t0_54coder 编程问题解决手册个人开发
    引言最近，我们将应用从.NET5升级到了.NET7，并将UI框架从标准MVC升级到了Vue3。升级后，一切看起来都运行良好，但仅仅一周后，我们开始遇到了令人困惑的System.OutOfMemoryException。这些异常出现在代码库的不同、看似无关的部分，而这些部分并不总是处理大量数据。这篇博客将详细记录我们如何解决这些内存异常的问题。问题描述在迁移到.NET7后，我们开始频繁地看到Syst
  • Vue2.0+ElementUI实现查询条件展开和收起功能组件 热忱1128 elementui前端javascript
    一、需求el-form如果查询条件过多，影响页面的展示效果。查询条件表单是我们系统中非常常见的功能，我们需要把它封装成一个通用的组件，方便在系统开发中提升开发效率。除了在实现基本查询条件的功能上，还需要实现多条件的折叠和展开功能二、效果图三、代码示例封装查询条件表单组件SearchButton.vue查询重置{{word}}exportdefault{props:{showAll:{type:Bo
  • JHipster入门 - 生成单体架构的应用 yorkwu1977 软件工程架构
    JHipster入门-生成单体架构的应用目标准备工作生成基础功能输入指令开始问答环节问答环节结束，开始自动生成基础功能代码生成业务功能输入指令开始问答环节问答环节结束，开始自动生成业务功能代码调试启动启动后端服务启动前端服务访问前端页面打包启动构建启动访问前端页面关于数据库交给JHipster自己启动目标30分钟内生成一个开箱即用的单体架构应用。生成SpringBoot后端代码和Vue前端代码。基
  • 【Vue入门实践】Element-UI 树形组件el-tree的组件封装 =＞实现组织机构树Tree =＞ 使用vue-content-menu定制可编辑树结构editableTree 小白Rachel 前端工作日记随笔Vue项目实战elementUI组件优化vue.jsuielementuiel-tree组织机构树
    文章资源连接（如果需要付费，联系我修改即可）：https://download.csdn.net/download/Sabrina_cc/87607289好吧吐槽一下，公司决定之后的技术栈都是vue了，我又从React转战回来了。干巴爹好的生活方式，是和一群志同道合的人，一起奔跑在理想的路上！回头有一路的故事，低头有坚定的脚步，抬头有清晰的远方。首先了解Element-UI中定义的基础Tree树组
  • elementUI Table组件实现表头吸顶效果 热忱1128 elementuivue.js前端
    需求描述当table内容过多的时候，页面上滑滚动，表头的信息也会随着被遮挡，无法将表头信息和表格内容对应起来，需要进行表头吸顶开始编码环境：vue2.6+、elementUIstep1：给el-table__header-wrapper加上样式//style/sticky-table-header.scss.el-table[is-sticky]{overflow:initial;--sticky
  • Vue 3中导航守卫（Navigation Guard）结合Axios实现token认证机制 匹马夕阳 VUE技术集锦vue.js前端javascript
    在Vue3中，导航守卫（NavigationGuard）用于拦截路由的变化，可以在用户访问页面前进行检查。结合Axios进行token认证机制时，我们可以通过导航守卫在路由跳转时，检查用户的认证状态，确保用户有有效的token进行认证。下面，我将通过具体代码示例，逐步讲解如何实现这一功能：文章目录1.安装必要的依赖2.创建`axios`实例3.在`router.js`中使用导航守卫4.处理登录与登
  • 【新创建项目快速推送到代码仓库】 sky10100100 前端开发git
    要将新创建的项目快速推送到Git仓库，可以按照以下步骤操作：1.在GitHub上创建一个新仓库登录GitHub，点击右上角的“+”号并选择“Newrepository”。给仓库命名，并设置是否公开或私有，点击“Createrepository”创建新仓库。创建完成后，拷贝仓库地址，如：https://github.com/{name}/vue-demo.github2.初始化项目并添加远程仓库进入
  • fuadmin jcsx 开源学习djangovue.js
    fu-admin-web采用VUE3，TS开发。fu-admin-backend采用Python，Django和Django-Ninija开发。数据库支持MySql，SqlServer，Sqlite。‍‍前端采用VbenAdmin、Vue3、AntDesignVue。后端采用Python语言Django框架以及强大的DjangoNinja。支持加载动态权限菜单，多方式轻松权限控制。Vue2项目移步
  • 请简述vue2和vue3的区别 youhebuke225 vue面试题vue.js前端javascript
    Vue2和Vue3作为Vue.js框架的两个主要版本，在多个方面存在显著的差异。以下是它们之间主要区别的详细概述：生命周期函数钩子：Vue2：包含了一系列的生命周期钩子函数，如beforeCreate、created、beforeMount等，这些函数在组件的不同生命周期阶段被调用。Vue3：对生命周期函数进行了调整，setup成为了新的入口点，代替了beforeCreate和created。同时
  • vue3表格数据分2个表格序号连续展示 我爱加班、、 前端开发遇到的问题前端功能实现以及问题解决vue项目实际开发中的bugelementui前端javascript
    一、el-table表格在弹窗里面分两个表格展示。假设我们有一个数组tableData，我们希望在第一个表格中展示前半部分的数据，第二个表格中展示后半部分的数据。打开弹窗取消确定exportdefault{data(){return{dialogVisible:false,tableData:[{date:'2024-01-01',name:'张三',address:'上海市浦东新区',},{da
  • vue3实际开发bug解决 我爱加班、、 前端开发遇到的问题vue项目实际开发中的bugbug前端javascript
    index.vue:119Uncaught(inpromise)TypeError:Cannotcreateproperty'value'onstring'我是标题'问题分析：问题出在componentName的解构和赋值操作上。你尝试将一个字符串赋值给ref的.value属性，这导致了错误。ref是Vue3中用于响应式引用的工具，它返回一个对象，该对象的.value属性用于存储实际的值。解决：不
  • Vue3 - Element Plus 下拉菜单 el-dropdown 阻止冒泡传递到上层触发事件，解决 dropdown 下拉菜单组件被容器元素包裹时点击事件触发，会连带触发外层包裹容器的点击事件 王二红 +Vue3elementplusel-dropdownvue3把command加上.stop下拉菜单组件如何点击不冒泡stop事件修饰符阻止点击冒泡click.stop无法使用
    前言平常只需要给@click事件加入即可，但现在使用stop修饰符无法支持和识别语法。本文实现了在vue3+elementplus项目开发中，解决el-dropdown下拉菜单组件时点击事件冒泡问题（激活触发外层嵌套元素的点击事件，从而同时触发），使用.stop修饰符又没有地方可以加入的问题。本文提供完美解决方案，保证100%解决。如下图所示，常见于这种需求页面，点击“···”图标时就会引发点击事
  • vue-cli项目中使用Electron 骆驼Lara Vuevue.jselectronjavascript
    Vue项目中使用Electron一、安装二、创建background.js三、创建preload.js文件四、修改package.json文件五、修改vue.config.js文件六、启动1本地启动2打包补充：一、安装安装electron,electron-builder,vue-cli-plugin-electron-builder,electron-devtoolsnpmi--save-dev
  • Vue企业开发实战——学习心得 sienn vue.js前端javascript
    一、Vue.js简介Vue.js是一个渐进式JavaScript框架，用于构建用户界面。它与其他大型框架的不同之处在于，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，也便于与第三方库或已有项目整合。二、环境配置安装Node.js和npm：Vue.js的开发需要使用Node.js和npm（Node包管理器）。可以从Node.js的官网下载并安装Node.js，它会自动
  • Vue3笔记——（五）路由 木子李BLOG vue.js
    组件通信_方式1_props作用：若父传子，属性值是飞函数若子传父，属性值是函数Parent.vue父组件汽车：{{car}}子给的玩具：{{toy}}importChildfrom'./Child.vue'import{ref}from'vue'//数据letcar=ref('奔驰')lettoy=ref('')letbb=ref(0)//方法functiongetToy(value:strin
  • 深入理解 Vue 的 Diff 算法：从原理到实现的完整剖析 qq_39279448 vue.js算法前端
    Vue的Diff算法如何工作？如何将传统树的比较复杂度从O(n^3)降到O(n)？Vue3的优化策略如何显著提升性能？Vue源码中Diff算法的实现细节是什么？实际开发中Diff算法的使用及优化实践。1.Diff算法的基本原理1.1为什么需要Diff算法？在浏览器中，直接操作真实DOM会导致：性能成本高：DOM是浏览器中的重量级对象，频繁操作会触发页面的回流（reflow）和重绘（repaint）
  • 前端构建工具 光影少年 前端软件构建
    前端构建工具是开发现代Web应用时不可或缺的工具，用于优化代码、提升开发效率、以及实现高效的构建和部署。以下是常见的前端构建工具及其作用：1.模块打包工具Webpack特点：功能强大，插件与配置灵活。作用：将模块（JS、CSS、图片等）打包成浏览器可运行的文件。适用场景：中大型项目，需高度自定义。Vite特点：轻量、快速构建，基于ESModules。作用：适合现代框架如Vue、React，热更新速
  • vue阻止事件冒泡 阿贾克斯的黎明 vuevue.js
    阻止冒泡（EventBubbling）在Web开发中是一个常见的需求，主要有以下几个原因：精确控制事件处理：在复杂的UI结构中，同一个事件（如点击）可能会触发多个元素的事件处理函数。如果不阻止冒泡，那么从触发事件的元素开始，一直到DOM树的最顶层（通常是document或window对象），沿途的每一个元素都有机会处理这个事件。这可能导致不期望的副作用或性能问题。通过阻止冒泡，可以精确控制哪些元素
  • Vue.js组件开发详解 小俊学长 vue.jsflutter前端
    Vue.js组件开发详解Vue.js是一个用于构建用户界面的渐进式框架，其核心思想是通过数据驱动视图的变化，同时提供了一系列强大的工具来帮助开发者高效地开发复杂的单页应用。在Vue.js中，组件是构建复杂应用的基本单元，通过组件化开发，我们可以将应用拆分成可复用的、独立的模块，从而提高开发效率和代码的可维护性。本文将详细讲解Vue.js组件的开发过程，从基础概念到高级技巧，全面覆盖组件开发的各个方
  • SpringBoot继承JWT token实现权限的验证（从头开始） CodeGuruInk springbootjava后端
    目录概述前提：我们需要知道的文件的用处第1步：数据库的连接第2步：定义一个标准化响应对象的类第3步：编写请求数据库数据代码第4步：自定义异常处理第5步：导入依赖第6步：自定义拦截器第7步：配置拦截器第8步：生成token第9步：开始测试代码第10步：vue请求示例扩展：自定义注解AuthAccess总结概述在开发后端接口时，数据的直接暴露可能会导致安全问题。为了应对这种情况，我们需要在访问接口时进
  • 继之前的线程循环加到窗口中运行 3213213333332132 javathreadJFrameJPanel
    之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。 package thread; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util
  • linux 常用命令 BlueSkator linux命令
    1.grep 相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。 但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n  '100,200p' 文件名），去查出该关键字之后的日志内容。 但其实还有更简便的办法，就是用（grep  -B n、-A n、-C n 关键
  • php heredoc原文档和nowdoc语法 dcj3sjt126com PHPheredocnowdoc
    <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body> <?
  • overflow的属性 周华华 JavaScript
    <!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/1999/xhtml&q
  • 《我所了解的Java》——总体目录 g21121 java
            准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。         在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。    &n
  • [简单]docx4j常用方法小结 53873039oycg docx
            本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:         import java.io.File; import java.io.FileInputStream; import ja
  • Spring配置学习 云端月影 spring配置
    首先来看一个标准的Spring配置文件 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&q
  • Java新手入门的30个基本概念三 aijuans java新手java 入门
    17.Java中的每一个类都是从Object类扩展而来的。　　18.object类中的equal和toString方法。　　equal用于测试一个对象是否同另一个对象相等。　　toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法)　　 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。　
  • 《2008 IBM Rational 软件开发高峰论坛会议》小记 antonyup_2006 软件测试敏捷开发项目管理IBM活动
    我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵! 其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下. 参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
  • PL/SQL的过程编程,异常,声明变量,PL/SQL块 百合不是茶 PL/SQL的过程编程异常PL/SQL块声明变量
    PL/SQL;    过程; 符号; 变量; PL/SQL块; 输出; 异常;     PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
  • Mockito(三)--完整功能介绍 bijian1013 持续集成mockito单元测试
            mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。 一.使用mockito验证行为 //首先要import Mockito import static org.mockito.Mockito.*; //mo
  • 精通Oracle10编程SQL(8)使用复合数据类型 bijian1013 oracle数据库plsql
    /* *使用复合数据类型 */ --PL/SQL记录 --定义PL/SQL记录 --自定义PL/SQL记录 DECLARE TYPE emp_record_type IS RECORD( name emp.ename%TYPE, salary emp.sal%TYPE, dno emp.deptno%TYPE ); emp_
  • 【Linux常用命令一】grep命令 bit1129 Linux常用命令
    grep命令格式   grep [option] pattern [file-list]     grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。   pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特
  • mybatis3入门学习笔记 白糖_ sqlibatisqqjdbc配置管理
    MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。  MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。   以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。
  • Linux 命令神器：lsof 入门 ronin47 lsof
           lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。 有趣的是，lsof也是有着最多
  • java实现两个大数相加，可能存在溢出。 bylijinnan java实现
    import java.math.BigInteger; import java.util.regex.Matcher; import java.util.regex.Pattern; public class BigIntegerAddition { /** * 题目：java实现两个大数相加，可能存在溢出。 * 如123456789 + 987654321
  • Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法 Kai_Ge Kettle
    Kettle学习资料分享   Kettle 3.2 使用说明书 目录 概述..........................................................................................................................................7 1.Kettle 资源库管
  • [货币与金融]钢之炼金术士 comsci 金融
           自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的        那么随着人类在理论物理和工程物理上面取得的一些突破性进展......        炼金术这个古老
  • Toast原来也可以多样化 dai_lm androidtoast
    Style 1： 默认 Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT); def.show(); Style 2： 顶部显示 Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT); t
  • java数据计算的几种解决方法3 datamachine javahadoopibatisr-languer
    4、iBatis     简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。     复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据
  • 向网页中插入透明Flash的方法和技巧 dcj3sjt126com htmlWebFlash
    将 Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。 　　一、Swf透明、无坐标控制　　首先教大家最简单的插入Flash的代码，透明，无坐标控制： 　　注意wmode="transparent"是控制Flash是否透明
  • ios UICollectionView的使用 dcj3sjt126com
    UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。 个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。 1.UIViewController实现委托，代码如
  • Eos平台java公共逻辑 蕃薯耀 Eos平台java公共逻辑Eos平台java公共逻辑
     Eos平台java公共逻辑 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:20:4
  • SpringMVC4零配置--Web上下文配置【MvcConfig】 hanqunfeng springmvc4
    与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。   applicationContext-MvcConfig.xml <!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller --> <
  • 解决ie和其他浏览器poi下载excel文件名乱码 jackyrong Excel
       使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码， 因此必须综合判断，编写一个工具类：      /** * * @Title: pro
  • 挥洒泪水的青春 lampcy 编程生活程序员
    2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！ 这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到
  • 稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制 nannan408
       对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？    笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。    我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在
  • 动态设置iframe高度(iframe高度自适应) Rainbow702 JavaScriptiframecontentDocument高度自适应局部刷新
    如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。 但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。 对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构： <div id="content"> <div id=&quo
  • 用Rapael做图表 tntxia rap
    function drawReport(paper,attr,data){          var width = attr.width;     var height = attr.height;          var max = 0;   &nbs
  • HTML5 bootstrap2网页兼容（支持IE10以下） xiaoluode html5bootstrap
    <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他