从零开始搭建口袋妖怪管理系统(2)-借助ngRoute实现详情页面跳转

一、目标

上一次我们用Angular1.x完成了简单的口袋妖怪展示列表页面，现在我们想要了解口袋妖怪更多的信息，但是发现原有单行表格可能容纳不下口袋妖怪的所有信息，所以现在我们需要一个口袋妖怪详情界面了。依旧是从刚刚的展示列表界面开始，点击口袋妖怪的名称然后跳转到指定的口袋妖怪信息界面。

二、分析

要想实现点击名字后从列表页面跳转到详情界面，最原始的方式肯定是用标签加链接和参数跳转到新界面，但是现在我们想要在原有界面内平滑过渡到新界面，即用路由实现视图中转，那么很简单地我们找到了官方提供的路由跳转模块ngRoute.

使用路由，第一步是先导入js并在app.js中引用路由模块，接下来配置好路由，最后再编写界面和界面逻辑。撸码开始~

三、开发

1. 数据准备

首先将原来app.js中的pokemons数据进行一些扩增：

     var pokemons = [
       { no:'001', name:'妙蛙种子', count: 1, weight: 6.9, property: '草/毒', type: '种子宝可梦', character: { common: '茂盛', conceal: '叶绿素'}},
       { no:'002', name:'妙蛙草', count: 1, weight: 13.0, property: '草/毒', type: '种子宝可梦',  character: { common: '茂盛', conceal: '叶绿素'}},
       { no:'003', name:'妙蛙花', count: 1, weight: 100, property: '草/毒', type: '种子宝可梦',  character: { common: '茂盛', conceal: '叶绿素'}},
       { no:'004', name:'小火龙', count: 1, weight: 8.5, property: '火', type: '蜥蜴宝可梦',  character: { common: '猛火', conceal: '太阳之力'}},
       { no:'025', name:'皮卡丘', count: 1, weight: 6, property: '电', type: '鼠宝可梦',  character: { common: '静电', conceal: '避雷针'}}
     ];

很明显能看到，pokemons增加了皮卡丘的数据，且所有数据都增加了property(属性)、type(类型)、character(特性)及其下的common(普通特性)&conceal(隐藏特性)数据。

展示界面依旧不改变展示的内容，但是在详情界面我们将展示更多的信息。

2. 环境配置

要使用ngRouter，查看文档， 根据安装说明在html引入angular-route.js文件：

并在app.js的module声明中加入'ngRoute' ：

angular.module('pokemon-app', ['ngRoute'])=

3. 路由编写

由于准备加入ngRouter跳转，所以index.html就不放列表视图了，只留下标题和ngView.

新建pokemon文件夹，并在pokemon文件夹中新建视图模板文件pm-list.html与pm-detail.html，当前的项目文件视图如下：

学习编写路由第一件事肯定是看文档，嗯安装&例子&模块组件，我们安装完了肯定看例子啦：

See [$route](https://code.angularjs.org/1.6.9/docs/api/ngRoute/service/$route#examples) for an example of configuring and using ngRoute.

这么直接，跳过去就有demo代码了。。跟着撸一个呗，学习其js，为上面的pm-list & pm-detail创建两个控制器先，pm-list对应PMListController, pm-detail对应PMDetailController。

将AppController中的pokemons&remove移动到PMListController中，由于详情页面将接收列表展示页面传递的参数，所以为PMDetailController添加上$routeParams：

    PMListController.$inject = ['$scope'];
    function PMListController ($scope) {
       $scope.pokemons = pokemons;
       $scope.remove = function (index) {
           $scope.pokemons.splice(index, 1);
       }
   }

   PMDetailController.$inject = ['$scope', '$routeParams'];
   function PMDetailController ($scope, $routeParams) {}

接下来编写路由配置，明确一下路由配置的作用，自然是把链接&视图模板&控制器三者联系起来，达到输入某个地址就跳转到某个界面并调用其控制器的效果，那么在参照一下刚才文档的样例，开始编写：

   .config (function ($routeProvider) {
     $routeProvider
       .when('/', {
         templateUrl: 'pokemon/pm-list.html',
         controller: 'PMListController'
       })
       .when('/pokemon/:no', {
         templateUrl: 'pokemon/pm-detail.html',
         controller: 'PMDetailController'
       })
       .otherwise({
         redirectTo: '/'
       });
   });

很清晰地，'/' 跳转到列表视图吗，'/pokemon/:no' 跳转到详情视图，如果输入路由配置中不存在的地址则默认当作'/'地址跳转。

4. 界面&业务逻辑编写

现在我们完成了控制器的初始化和路由配置的编写，还剩下界面和业务逻辑。

先将index.html的

标签及其所有子元素剪切到pm-list.html中，暂时不要有任何修改。
在index.html中加入ng-view,如下：

    
    
        
            
            
            
            
            
            
            
            
        
        
            
口袋妖怪管理系统
            

        
    

那么现在打开index.html试试？

居然有错？看一看错误

   Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https

跨源请求支持问题嘛，应该是ngRoute中用到了Ajax，那解决方案就很简单啦，回到上一篇最后的扩展学习安装http-server，使用http-server在本地开启简单服务器就行啦，试试先

运行成功了，那就继续，修改列表视图中的名称项，使其点击可跳转到详情视图

编写详情视图：

编号: No.{{pokemon.no}}
名称: {{pokemon.name}}
体重: {{pokemon.weight}}
属性: {{pokemon.property}}
种类: {{pokemon.type}}

  特性: 
  

    
普通特性: {{pokemon.character.common}}
    
隐藏特性: {{pokemon.character.conceal}}
  


返回列表

继续用刚刚的http地址访问（记得ctrl+F5强制刷新缓存嘿嘿嘿）

现在程序已经能从list跳转到detail了，但是detail还没有获得选中的pokemon对象，我们通过$routeParams获得选中的pokemon传递过来的no，打印一下$routeParams内容:

好的没问题是一个json对象，我们根据$routeParams传递来的no到pokemon中选中对应的pokemon

PMDetailController.$inject = ['$scope', '$routeParams'];
    function PMDetailController ($scope, $routeParams) {
        console.log('$routeParams:', $routeParams);
        angular.forEach(pokemons, function (element) {
            if (element.no === $routeParams.no) {
                $scope.pokemon = element;
                console.log('the match pokemon:', $scope.pokemon);
            }
    });
}

现在我们回到网站，刷新后发现对应口袋妖怪的详细信息已经出来了~

本章源码为Nodreame/pokemon-website的master分支下第二次提交feat(pokemon): config router & finish pokemon detail with ngRoute.

四、总结

至此我们学习了AngularJS的基本使用以及其路由模块ngRoute的基本配置方法，下一章我们将基于当前代码继续扩展应用。

系列文章

从零开始搭建口袋妖怪管理系统(1)-从Angular1.x开始

从零开始搭建口袋妖怪管理系统(3)-实现一个简单的SPA管理系统

从零开始搭建口袋妖怪管理系统(4)-借助webpack4.6工程化项目(上)

从零开始搭建口袋妖怪管理系统(5)-借助webpack4.6工程化项目(下)

To be continue...

你可能感兴趣的:(ngroute,angularjs,管理后台)

• 没有公网ip怎么访问家里内网？简单操作通用的内网让外网访问的方法步骤 搬码临时工 tcp/ip网络网络协议
  有公网IP时，可以用路由器管理后台做端口映射转发规则，实现内网本地提供外网访问。在无公网IP时，就需要用到nat123端口映射工具了。没有公网IP下，简单几步操作，将内网IP端口让外网可以访问：1、内网业务先确定家里内网是什么应用需要让外面连接访问的，先本地正常开启，并在内网其他电脑可以正常访问先。常见的有如：管理计算机（远程桌面连接、SSH访问），网站web服务，数据库mysql，监控系统应用，
• 拼多多商家怎么转人工 氧惠好项目
  在运营拼多多店铺的时候，很多卖家朋友会遇到一些问题，比如说活动规则，处罚申诉等等，需要寻求官方客服的帮助，但是很多人都是遇到的系统客服，那么拼多多商家怎么转人工客服呢?拼多多商家客服分为热线和在线两种。1.联系热线客服，请拨打热线021-533950882.联系在线客服有三种方式(1)PC端登录商家管理后台，通过拼多多机器人咨询图片.png转入人工。(2)APP登录商家版APP,点击“我的”，然后
• Django ImageField 对象全面使用指南 Yant224 DjangoV2#第2章模型djangoImageField文件上传图像处理缩略图生成信号机制
  掌握图像上传、处理与安全管理的完整解决方案一、ImageField基础定义与配置1.模型定义fromdjango.dbimportmodelsclassActor(models.Model):#基础定义avatar=models.ImageField(upload_to='actors/portrait/',#上传目录verbose_name='演员头像',#管理后台显示名称blank=True,
• Android Jetpack 组件库 -＞WorkManager 消失的旧时光-1943 jetpackandroidjetpackandroid
  引言为什么需要WorkManager？传统后台任务的问题：//传统方式-手动管理后台任务classMainActivity:AppCompatActivity(){overridefunonCreate(savedInstanceState:Bundle?){super.onCreate(savedInstanceState)//问题1：无法保证任务执行Thread{//后台任务downloadF
• github上的学习材料三：前端入门资源汇总 X-Prince JS生活Git
  本篇转载自：https://idoras.com/frontend-resources/前言前端无疑是2016年最火热的技术，没有之一。各种前端mvc框架层出不穷，angularjs，vue，react，前端组件化开发概念已经深入人心。前端工资已经比手机端开发还要高了。作为个人站长，学习下前端设计也是有必要的，一来有些小的设计问题可以自己解决，同时还能提高自己的审美，提高网站的ui设计水平。必备基
• JAVA直播系统视频聊天系统源码支持APP 2401_89605681 嗖微miui52086java音视频开发语言微信小程序uni-app
  JAVA直播系统视频聊天系统源码：构建高并发互动娱乐平台的技术实践一、市场需求与技术定位2025年全球直播市场规模将突破**$3000亿**，用户对实时互动体验的要求持续升级。JAVA直播系统源码支持APP基于SpringBoot+MyBatisPlus+MySQL技术栈，通过Uniapp（Vue语法）实现多端兼容（iOS/Android/H5/小程序），Vue+ElementUI构建高效管理后台
• css3地球转动模型（动态数据）
  参考资源：https://www.jq22.com/jquery-info24302{{!item.permission?'暂无权限':''}}{{item.name}}exportdefault{data(){return{list:[{id:"81e5f51d6ab845fca406bdc8b0c50e34",homeUrl:"/workbenches",name:'交易管理后台',img:'
• 我们可能不再需要UI工程师了～ 强化学习曾小健 ui
  我们可能不再需要UI工程师了～原创深度抑郁患者GIS小丸子2025年06月30日08:01中国香港我写这篇文章的时间是6月29日23:51分，刚刚和技术团队结束了本周的例会，例会上研发向我们展示了本周他基于原型直接使用Cursor生成的前端大屏页面，这个过程完全没有前端以及UI工程师的参与，只有一个程序员参考产品原型完成。如下是这张大屏页面对应的Axure原型图，当然还有PC版，但是PC管理后台虽
• 项目快速上手指南：8 大核心切入点 weixin_43391139 技术工程化架构设计模式学习方法
  一、文档体系速览需求层产品需求文档（PRD）：明确业务目标、用户故事和功能边界非功能需求：性能指标、安全要求、合规标准设计层架构图：系统分层、技术栈选型、核心组件交互ER图与数据字典：表结构关系、字段约束、业务术语定义API文档：接口规范、请求示例、错误码说明操作层用户手册：功能导航、操作流程、常见问题管理后台指南：权限配置、运维操作、数据报表二、代码库解构路径全局视野目录范式：MVC/DDD分层
• uni-app X APP在线升级 解决【uni-upgrade-center-app】未配置uni-upgrade-center 问题
  着急解决问题的同学可以直接查看第7项和7.3项。1、按照官网的指导文档进行升级中心配置。App升级中心uni-upgrade-center|uniCloud2、升级中心分为两个部分：uni-upgrade-centerAdmin管理后台和uni-upgrade-center-app前台检测更新3、后台管理部分按照上面的连接操作即可。4、当执行到前台检测更新时遇到了这个问题“PossibleUnha
• 观众信息设置与统计（视频高级分析与统计功能） 视频砖家 视频安全视频加密数据分析视频观看分析视频数据分析
  Web播放器（POLYV-html5-player）支持设置观众信息参数，设置后在播放器上报的观看日志中会附带观众信息，这样用户就可以通过管理后台的统计页面或服务端API来查看特定观众的视频观看情况了。一、观众信息设置播放器设置观众信息参数的代码示例如下：varplayer=polyvPlayer({wrap:'#player',width:800,height:533,vid:'88083abb
• 企业微信邮箱如何开通？完整的一个教程 阿酷tony 文章存档企业微信
  摘要：企业微信邮箱注册使用分为两种情况：1）未开通企业微信的企业需先在官网注册企业微信，填写企业信息和管理员资料，通过微信扫码完成注册；2）已开通企业微信的企业，可在管理后台的协作-邮件模块开通邮箱服务，基础版免费但部分高级功能需付费使用。一、企业未开通企业微信，如何注册企业微信邮箱1、请前往官网企业微信，点击【立即注册】，开通【企业微信】。2、注册企业微信，在页面依次输入企业名称、管理员姓名、管
• 手机评论管理系统中奖秀晒图源码本套晒图源码（源码下载）
  手机评论管理系统中奖秀晒图源码本套晒图源码采用mysql+html使用说明：测试环境：Nginx+PHP7.0+MySQL5.6评论管理后台访问：http://你的域名/review-admin.html评论列表首页：http://你的域名/mskhj.html源码下载：https://download.csdn.net/download/m0_66047725/91273788更多资源下载：关注
• WEB前端缓存解决方案 qermeng WEB前端SPA缓存WEB前端缓存解决
  WEB前端缓存解决方案问题描述页面缓存js/css缓存问题描述使用angularjs(1.5.0)+gulp(3.9.0)做SPA开发时，修改js后，使用gulp-rev(6.0.1)对文件名进行了修改，但是刷新界面后修改的文件并没有加载，必须使用CRLT+F5深度刷新才可以。页面缓存页面缓存解决方案：js/css缓存通过gulp-rev在文件名增加哈希值来解决缓存问题gulp-rev:Stati
• RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案 速易达网络 vue.jsjavascript低代码
  将RuoYi、VueCLI和uni-app结合构建跨端全家桶方案，可以实现一套代码管理后台系统（PC）和移动端应用（H5/小程序/App）。以下是整合思路和关键步骤：技术栈分工RuoYi：后端框架（SpringBoot+MyBatis）VueCLI：PC管理后台前端（基于Vue2+ElementUI）uni-app：移动端应用（一套代码编译到H5/小程序/App）整体架构关键实现步骤1.后端统一A
• 如何学习前端炙手可热的Vue？Vue学习路线图详解！ 真·skysys 大前端和跨平台技术vue
  总结vue文档从0.11、0.12、1.0、2.x到3.0beta本文章长期更新，持续维护限于博主水平，如有错漏还望各位不吝赐教文章内容可能有争议，欢迎大家理性交流与探讨What’svue：Vue.js是什么？定位设计目标（初心）：通过尽可能简单的API提供响应数据绑定和可组合视图组件灵感来源（创意）：AngularJS，KnockoutJS，Ractive.js和Rivets.js。在简单性和功
• 基于Spring Boot + MyBatis-Plus + Thymeleaf的评论管理系统深度解析 召田最帅boy javaspringbootmybatis后端
  你好呀，我是小邹。个人博客系统日渐完善，现在的文章评论以及留言数量逐渐增多，所以今天重构了管理后台的评论列表（全量查询->分页条件搜索）。示例图网页端手机端一、系统架构设计与技术选型系统采用前后端分离架构，但后端保留模板渲染能力（Thymeleaf），兼顾管理后台的快速开发与前后端协作的灵活性。核心选型如下：层次技术/框架选择理由后端SpringBoot2.7.x简化配置、自动装配、内置Tomca
• 电信路由模式改桥接模式！ 想尝一尝被打赏的味道 桥接模式
  记录一下，怕日后忘记！第一步先进去超级管理后台http://192.168.1.1:8080/超级帐号是：telecomadmin密码：nE7jA%5m里面网络设置可以看到宽带账号，但是看不到密码，致电10000号，愉快的重置了。短信已收到密码；【20240-12-16】换了新猫后，上面的方案失效了。新密码账号：telecomadmin密码：pQCT!mW6直接在192.168.1.1登录就行了，
• AngularJS知识快速入门（上） 1加1等于 javascript实战angular.js前端javascript
  本文通过一些具体的例子介绍了关于AngularJS的基本使用，包括指令、表达式、过滤器、模块化、MVC以及内置服务模块等等。本文目录AngularJS简介一、表达式二、MVC三、$scope作用域四、模块化五、过滤器六、服务七、指令AngularJS简介AngularJS是由Google开发的一个用于构建动态Web应用的前端JavaScript框架，它遵循MVC（Model-View-Contro
• 怎么让二级域名绑定到wordpesss指定的页面 wodrpress资源分享 wordpresswordpress
  要将二级域名(如beijing.wodepress.com)绑定到WordPress指定页面(如wodepress.com/beijing)，可以通过以下步骤实现：1.设置泛域名解析在域名注册商的管理后台，添加一条泛域名解析记录：主机记录：输入*(星号)。记录类型：选择A记录(指向服务器的IP地址)或CNAME记录(指向主域名或目标域名)，具体取决于你的服务器配置。目标地址：如果是A记录，填写服务
• Softhub软件下载站实战开发（八）：编写软件后台管理 叹一曲当时只道是寻常 softHubgo
  Softhub软件下载站实战开发（八）：编写软件后台管理在上一篇我们集成了MinIO文件存储功能后，本文将深入讲解如何构建软件管理后台的核心功能模块，实现软件及其资源的高效管理。一、软件管理模块1.软件实体模型typeDsSoftwareInfostruct{Iduint`orm:"id"json:"id"description:"id"`CategoryIduint`orm:"category_
• 网约车平台(预约打车) 肖坤超 销售php
  网约车平台(预约打车)功能：登录首页打车服务缴费管理预约管理后台-司机管理后台-平台管理后台-待处理订单后台-添加司机后台-添加平台后台-添加行程后台-管理员列表后台-行程列表后台-订单列表声明
• php管理后台,后台管理主页面 admin.php
  登录检测在需要权限才能操作的界面都应该先进行用户登录检测，复杂的情况下还要进行权限检测。本留言板例子需要进行登录检测的有admin.php和reply.php这两个页面。登录检测代码如下：session_start();//未登陆则重定向到登陆页面if(!isset($_SESSION['username'])){header("Location:http://".$_SERVER['HTTP_H
• 【Dv3Admin】系统视图消息中心API文件解析 Mr数据杨 待分类-Web开发django
  内部通知系统在管理后台应用中不可或缺，既要保证消息精准投递，又需兼顾阅读状态追踪。基于Django和DRF实现的消息中心模块，通过灵活的多对多关系，支撑部门、角色、用户维度的消息推送。本文解析dvadmin/system/views/message_center.py模块，涵盖消息发布、用户关联、阅读状态更新及WebSocket实时推送机制。围绕源码结构，剖析模块设计思路及其支撑的实际业务场景。文
• 写出优秀的 Git 提交信息：一份详尽指南（Angular 风格） 迎风斯黄 DevOps工程师gitangular.js前端
  在现代软件开发中，良好的Git提交信息不仅有助于项目协作、问题追踪和历史回溯，更是保障项目可维护性的重要一环。本文将基于AngularJS团队广泛使用的Git提交信息规范，手把手教你如何写出专业、统一、可读性强的commitmessage。✨为什么要遵守Git提交规范？遵守统一的提交规范可以带来以下好处：✅自动生成清晰的CHANGELOG.md✅在使用gitbisect调试时可跳过不相关提交✅浏览
• Vue3+TypeScript+Django Rest Framework 搭建个人博客（二）：用户登录功能 zgj0607 Python博客vuedjangotypescriptpython
  用户登录功能是一个信息系统必不可少的一部分，作为博客网站，同样需要管理员登录管理后台，游客注册后登录评论等大家好，我是落霞孤鹜，上一篇我们已经搭建好了前后端的框架的代码，并调通了前后端接口。从这一篇开始，进入到业务功能开发进程中。首先我们需要实现的功能是用户登录，用户登录功能虽然在系统开发中已经很成熟，但是当我们自己动手做的时候，会发现这个功能是那种典型的说起来容易，做起来复杂的功能，需要考虑和处
• Web开发实战：Gin + GORM 构建企业级 API 项目 gopher.guo golang前端gin
  Web开发实战：Gin+GORM构建企业级API项目Gin是当下最受欢迎的GolangWeb框架之一，GORM是使用最广泛的ORM框架。两者组合可快速开发高性能、结构清晰、维护方便的API项目。本文将带你从0到1构建一个完整的Web后端服务，适用于管理后台、微服务、BFF等场景。一、项目目标：构建一个用户管理API实现接口功能包括：用户注册用户登录（JWT）用户列表查询（分页）用户详情、更新与删除
• Flask和Django，你怎么选？ 伍六星 flaskdjango数据库
  Flask和Django是Python两大最流行的Web框架，但它们的设计哲学、目标和适用场景有显著区别。以下是详细的对比：核心区别：哲学与定位Django:定位:"全栈式"Web框架。奉行"开箱即用"的理念。哲学:"包含电池"。它提供了一套完整、紧密集成的解决方案，涵盖了构建一个典型Web应用所需的大部分组件(ORM,模板引擎,表单处理,用户认证,管理后台,路由等)。目标:让你能够快速、高效地构
• 通过泛域名解析把二级域名批量绑定到wordpress的指定页面 podoor WordPress技术wordpress
  通过泛域名解析将二级域名批量绑定到WordPress的指定页面，需要完成两个主要步骤：一是设置泛域名解析，二是配置服务器和WordPress以实现二级域名到指定页面的映射。以下是详细的操作方法：1.设置泛域名解析在域名注册商的管理后台，添加一条泛域名解析记录：主机记录：输入*（星号）。记录类型：选择A记录（指向IP地址）或CNAME记录（指向域名），具体取决于你的服务器配置。目标地址：如果是A记录
• web框架（Django 与 FastAPI） zhangsan0933 Pythondjangofastapi
  注：本文是python的学习笔记；不是教程！不是教程！内容可能有所疏漏，欢迎交流指正。一：基本介绍1.Django（全栈Web框架）Django是一个成熟的、全功能PythonWeb框架，遵循"电池已包含"的理念，提供了构建Web应用所需的几乎所有组件。核心特点：完整解决方案：提供从数据库到前端的完整开发工具链约定优于配置：通过合理的默认设置减少配置工作快速开发：内置管理后台、用户认证、表单处理等
• jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
  jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
• 多线程场景 alafqq 多线程
  0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
• Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
        安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
• placeholder的浏览器兼容 120153216 placeholder
  【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
• debian_用iso文件创建本地apt源 2002wmj Debian
  1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
• SQLSERVER耗时最长的SQL 357029540 SQL Server
  对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
• com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
  今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
• 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
  使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
• 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                 嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
• Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
  Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
• ios音量线性下降 bewithme ios音量
  直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
• 与其怨它不如爱它 bijian1013 选择理想职业规划
          抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
• 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
  一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
• 【Scala八】Scala核心二：隐式转换 bit1129 scala
  Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
• sudoku slover in Haskell (2) bookjovi haskellsudoku
  继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
• Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
          本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
• 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
  声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
• 《RAW格式照片处理专业技法》笔记 cherishLC PS
  注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
• 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
  使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
• mysql连接拒绝问题 daizj mysql登录权限
  mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
• Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
  Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
• yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
  1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
• Android知识总结（二） come_for_dream android
  明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
• 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
  高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
• linux expect heipark expect
  1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
• Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
  目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
• idea ubuntuxia 乱码 liyonghui160com
    1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
• 改良程序的11技巧 pda158 技巧
  有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
• 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
  工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
• 深入浅出RPC uule rpc
  深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.

{{pokemon.name}}