一、目标

上一次我们用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,管理后台)

AngularJS中文手册前半部分学习 CV战士plus angular.js angular.js 学习前端
AngularJS简介AngularJS的中文参考手册AngularJS的使用AngularJS是一个JS框架，通过指令(ng-directives)扩展了HTML，且通过表达式绑定数据到HTML，用于开发单一页面应用程序（SPAs：SinglePageApplications）可以通过script标签添加到网页中(建议把脚本放在元素的底部。这会提高网页加载速度，因为HTML加载不受制于脚本加载。
Flink在指定时间窗口内统计均值，超过阈值后报警小的~~ flink 均值算法大数据
1、需求统计物联网设备收集上来的温湿度数据，如果5分钟内的均值超过阈值(30摄氏度)则发出告警消息，要求时间窗口和阈值可在管理后台随时修改，实时生效(完成当前窗口后下一个窗口使用最新配置)。物联网设备的数据从kafka中读取，配置数据从mysql中读取，有个管理后台可以调整窗口和阈值大小。2、思路使用flink的双流join，配置数据使用广播流，设备数据使用普通流。3、实现代码packagecu.
前端三大主流框架：React、Vue、Angular m0_54851477 前端 react.js vue.js
文章目录一、React、Vue、Angular简介二、React初始化案例三、Vue初始化案例四、Angular初始化案例五、相关链接一、React、Vue、Angular简介前端三大主流框架分别是Angular、React和Vue。以下是这三个框架的详细概述：Angular：Angular原名AngularJS，诞生于2009年，由Google开发并维护。它是一个完整的框架，提供了数据绑定、组件
B端产品思考：使用AI帮助B端产品经理 datuniu 产品经理金融人工智能
某一种类型B端产品经理的工作，大部分是建管理后台，提供一些工作流、业务支撑系统、数据管理系统。例如常见功能：项目管理、系统管理、数据管理；常见的操作：新增、编辑、删除、预览、下载。适用于此类产品经理的一款AI神器应当包括以下功能：（1）快速画原型功能（中高保真）；【原型的ppt式的演示功能】（2）使用原型生成前端代码；（3）界面支持创建数据库schema（支持使用excel上传、手动添加），拖拉拽
（二）用控制器controller给模型数据赋初始值 diandingyin9417 javascript ViewUI
之前博客，非常easy的就实现了模型数据和页面显示的自己主动绑定。如今我们使用控制器，给模型赋初始值。假设使用jquery来实现变量赋初值，须要在页面载入完毕后运行$("#target").attr("value",selfValue);使用AngularJS代码例如以下：Hello,World!functionWholeController($scope){$scope.yourName="at
基于苏宁易购模式设计的“凌优购“电商APP开发方案，融合O2O新零售特点，采用Spring Cloud+Flutter+Elasticsearch技术栈：星糖曙光后端语言（node javascript vue等等）spring cloud flutter elasticsearch react.js redis
以下是一个基于苏宁易购模式设计的"凌优购"电商APP开发方案，融合O2O新零售特点，采用SpringCloud+Flutter+Elasticsearch技术栈：一、系统架构设计用户端(Flutter跨平台)商家端(React管理后台)配送端(AndroidSDK)↑↑↑API网关(SpringCloudGateway)↑微服务集群(商品/订单/会员/营销)↑数据中台(HBase+Elastics
苍穹外卖项目 LYT0905 java spring maven spring boot mybatis
一.项目介绍本项目（苍穹外卖）是专门为餐饮企业（餐厅、饭店）定制的一款软件产品，包括系统管理后台和小程序端应用两部分。其中系统管理后台主要提供给餐饮企业内部员工使用，可以对餐厅的分类、菜品、套餐、订单、员工等进行管理维护，对餐厅的各类数据进行统计，同时也可进行来单语音播报功能。小程序端主要提供给消费者使用，可以在线浏览菜品、添加购物车、下单、支付、催单等。二.功能架构图(1).管理端功能员工登录/
AngularJS 模块 lly202406 开发语言
AngularJS模块引言AngularJS是一个用于构建动态网页和单页应用程序的前端JavaScript框架。它提供了丰富的功能，其中模块（Module）是AngularJS架构的核心概念之一。本文将详细介绍AngularJS模块的概念、作用以及在实际开发中的应用。模块的概念在AngularJS中，模块（Module）是一个全局对象，用于定义应用程序的各个部分。它负责组织应用程序中的各种组件、服
微信小程序开发实战课后习题解答————第一章（作业版）枫琳晚微信小程序微信小程序小程序
一、填空题1、微信小程序可以通过微信搜一搜，微信扫码码方式打开。2、微信开发者工具中的上传是指将代码上传到微信小程序管理后台。3、微信小程序的项目配置文件是project.config.json。4、微信小程序打开后第一个页面在app.json文件中进行配置。5、微信开发者工具中Console面板的作用是用于输出调试信息，也可以直接编写代码执行。二、判断题1、微信小程序有着无需下载安装，使用方便快
2021版小程序开发5——小程序项目开发实践(1) baby_hua 微信小程序小程序
2021版小程序开发5——小程序项目开发实践(1)学习笔记2025使用uni-app开发一个电商项目；Hbuidler首选uni-app官方推荐工具：https://www.dcloud.io/hbuilderx.htmlhttps://dev.dcloud.net.cn/pages/app/list微信小程序管理后台：https://mp.weixin.qq.com/?token=&lang=z
玩转Docker | 使用Docker部署SSCMS内容管理系统心随_风动玩转Docker docker 容器运维
玩转Docker|使用Docker部署SSCMS内容管理系统前言一、项目介绍SSCMS简介主要特点二、系统要求环境要求环境检查Docker版本检查检查操作系统版本三、部署SSCMS系统下载镜像创建容器检查容器状态检查服务端口安全设置四、访问SSCMS应用初始化配置访问SSCMS管理后台六、配置SSCMS站点创建站点配置站点信息访问站点首页七、总结前言在当今数字化快速发展的时代，拥有一个高效、稳定且
小程序的协同工作和发布 Loren_Wang 基础学习微信小程序小程序微信
小程序的协同工作参考链接：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/release.html#%E5%8D%8F%E5%90%8C%E5%B7%A5%E4%BD%9C各权限功能说明开发者权限：可使用小程序开发者工具及开发版小程序进行开发体验者权限：可使用体验版小程序登录：可登录小程序管理后台，无需管理
构建响应式管理后台系统（Python + Django + Bootstrap）后端架构魔术骑士 python django bootstrap Python
在本文中，我们将使用Python编程语言结合Django和Bootstrap框架来构建一个响应式管理后台系统。我们将使用Django作为后端框架，处理数据和业务逻辑，并使用Bootstrap作为前端框架，实现用户界面的设计和布局。环境设置和项目创建首先，确保你已经安装了Python和Django。在命令行中运行以下命令来创建一个新的Django项目：$django-adminstartprojec
后端接口重定向_Java访问重定向接口董振业后端接口重定向
背景：开发做了一个免登陆的接口，方便我后续给管理后台做一些小工具，问题来了，给的免登陆接口是个302如图的test_login，在重定向一个200的接口(eload_admin)，原本开始这样做：02这个免登陆接口时，获取登录的cookies，在把登录后的cookies给200的接口，就是正常登录成功如图：登录成功后获200页面显示的内容session就表示获取了登录态问题：但是在代码中实施遇到一
GPTHUB @小马哥 AI chatgpt 文心一言
GPTHUB项目简介GPTHUB，基于AI大模型API实现的自建后端Chat服务，支持同步响应及流式响应，完美呈现打印机效果。支持一键切换ChatGPT(3.5、4.0)模型、月之暗面（Kimi）、文心一言(支持Stable-Diffusion-XL作图)、通义千问、讯飞星火、智谱清言(ChatGLM)等主流模型，后续模型持续对接中。项目包含java网页端、服务端、移动端及管理后台配置。使用参考下
Spring Boot 接口防抖 + AOP注解 + 自定义异常处理 (防重复提交)的实现方案 cherry5230 Spring java spring boot 后端 java redis 分布式
前言在开发后端Java业务系统，包括各种管理后台和小程序等。在这些项目中，我设计过单/多租户体系系统，对接过许多开放平台，也搞过消息中心这类较为复杂的应用，但幸运的是，我至今还没有遇到过线上系统由于代码崩溃导致资损的情况。这其中的原因有三点：一是业务系统本身并不复杂；二是我一直遵循某大厂代码规约，在开发过程中尽可能按规约编写代码；三是经过多年的开发经验积累，我成为了一名熟练工，掌握了一些实用的技巧
第20篇：Python 开发进阶：使用Django进行Web开发详解猿享天开 python从入门到精通 python django 开发语言
第20篇：使用Django进行Web开发内容简介在上一篇文章中，我们深入探讨了Flask框架的高级功能，并通过构建一个博客系统展示了其实际应用。本篇文章将转向Django，另一个功能强大且广泛使用的PythonWeb框架。我们将介绍Django的核心概念，包括项目与应用结构、模型与数据库迁移、管理后台、模板与静态文件管理，以及如何将Django应用部署到生产环境。通过详细的代码示例和实战项目，您将
使用python调用JIRA6 进行OAuth1认证获取AccessToken yaoshengting python #jira python
Jira配置应用程序链接1)创建应用程序链接登录JIRA管理后台。转到Administration>Applications>ApplicationLinks。在输入框中输入外部应用程序的URL（例如GitLab或自定义应用），然后点击Createnewlink。2)配置ConsumerKey和PublicKey在创建应用链接的过程中：ConsumerKey：自定义一个唯一的字符串标识应用程序（例
推荐文章：轻触未来 —— 深度解析Angular Toggle Switch 喻建涛
推荐文章：轻触未来——深度解析AngularToggleSwitchangular-toggle-switchAngularJSToggleSwitch项目地址:https://gitcode.com/gh_mirrors/an/angular-toggle-switch在数字化时代，用户体验的细腻之处往往成为应用脱颖而出的关键。今天，我们为您介绍一款专为AngularJS打造的精致开关组件——A
python发送钉钉消息，发送个人到工作通知夜语醉星辰 Python python 钉钉开发语言
需求，钉钉消息通知不能发到群里，需要发送到个人。一、钉钉企业后台创建应用1、进入钉钉管理后台，创建应用2、记住ID等应用的信息，在后面需要用到3、设置允许对接的IP，需要公网IP4、设置权限，通讯录权限全选申请二、编写代码，通过手机号发送信息importrequestsimporttkinterastk#第一步：获取access_tokendefget_access_token(app_key,a
GB/T28181 全栈开发日记[6]：React 快速接入 jessibuca.js 播放器 gospace 从 0 到实现 GB/T 28181 协议的完整实践 javascript react.js 前端 golang 音视频
GB/T28181全栈开发日记[6]：React快速接入jessibuca.js播放器服务端源代码github.com/gowvp/gb28181前端源代码github.com/gowvp/gb28181_web介绍GoWVP(GolangWebVideoPlatfrom)是一个Go语言实现的，基于GB28181-2022标准实现的网络视频平台，负责实现核心信令与设备管理后台部分，支持海康、大华、
电商商业平台技术架构系列教程之：电商平台系统架构设计 AI天才研究院 AI大模型企业级应用开发实战大数据人工智能语言模型 Java Python 架构设计
作者：禅与计算机程序设计艺术1.背景介绍1.1电商背景简介电商俗称网上购物，是一种通过网络直接进行商品交易的一种服务方式。在电商平台的运作中，消费者可以选择浏览、搜索和购买自己需要的产品或服务。通过平台发布的产品及其信息，用户可以方便地找到相关的产品和服务，从而提高效率和效益。而电商平台则是提供交易平台、管理后台、销售数据分析等功能。1.2电商系统架构概述电商平台通常由后端服务（API服务）、数据
直播架构如何设计核心节点和边缘节点未来AI编程直播平台入门到精通直播
在直播架构中，核心节点和边缘节点的分工及主要服务是确保直播服务稳定、高效和可扩展的关键。以下是对这些节点的详细描述：核心节点核心节点通常位于数据中心，负责处理直播的主要逻辑和数据处理。其主要服务包括：直播管理后台：负责管理直播平台的所有资源，包括直播频道、主播账号、观众账号等。通过该后台，管理员可以创建直播频道、设置直播权限、监控直播状态等操作，并提供数据统计和分析功能4。推流服务：负责将主播的视
django开发-django和tornado的不同 weixin_33693070 数据库网络 javascript ViewUI
python中常用的几个web框架有django,tornado,flask等，今天来总结一下django和tornado的不同。工作中django和tornado都用过，使用django相对更多一些。个人感觉django虽然好用，有搭建项目快、自带ORM、自动生成路由、自带管理后台等优势；但若实际工作中选择，我还是会偏向于使用tornado框架，因为torndo使用更加灵活，并且支持websoc
介绍两个Python web框架：Django & Tornado weixin_30879169 python 数据库前端 ViewUI
在各种语言平台中，python涌现的web框架恐怕是最多的；猜想原因应该是在py中构造框架十分简单，使得轮子不断被发明。这里记述一下我了解过的两个pyweb框架，供大家参考，希望能起他山之石的作用。======Django======Django应该是最出名的py框架，GoogleAppEngine甚至Erlang都有框架受它影响。Django是走大而全的方向，它最出名的是其全自动化的管理后台：只
若依框架在企业中的应用调研程序员WANG java java 若依 idea 网络调研
若依框架作为一款基于SpringBoot的轻量级Java快速开发框架，在企业级应用开发中发挥着重要作用。以下是对其在企业中应用的调研情况：应用现状广泛应用于多种管理系统：在众多企业中，若依框架常被用于构建各类后台管理系统，如网站管理后台、内容管理系统（CMS）、客户关系管理系统（CRM）、办公自动化系统（OA）等。以某大型制造企业为例，其利用若依框架搭建的OA系统，实现了流程审批、文件管理、人员考
分享一个基于webpack5 + react + antd的空后台,优化的不错,拿来即用
这是一个空的react+antd管理后台，只需要开发页面就能让它成为你想要的管理系统线上地址：https://chenlong-io.github.io/react-admin/index.html项目地址：https://github.com/chenlong-io/react-admin欢迎Star和提供更好的建议概述该管理后台基于webpack5、react@17、react-router@
python 架构简介（转） weixin_34367845 python 数据库
前言：开发语言python越来越火，作为开发比较火的语言，python对网页等的支持也很好，当你想用python来写网页的时候你就要选择框架了。到底要选择呢什么样子的框架，最适合你的项目能力。介绍：Django:PythonWeb应用开发框架Django应该是最出名的Python框架，GAE甚至Erlang都有框架受它影响。Django是走大而全的方向，它最出名的是其全自动化的管理后台：只需要使用
多种vue前端框架介绍灵魂清零其他前端 javascript
学如逆水行舟，不进则退。在现今的软件开发领域，Vue.js凭借其高效、灵活和易于上手的特性，成为了前端开发的热门选择。对于需要快速搭建企业级后台管理系统的开发者而言，使用现成的Vue后台管理系统模板无疑是一个明智之举。本文我为大家分享几款开源、免费开源、开箱即用的开源免费的Vue3开源管理后台，它们可以帮助你在项目中快速起步！专注于业务逻辑的开发。01.vue-element-adminGithu
汽车售后诊断用户管理后台：功能、设计与应用芊言凝语项目细节分析 java 前端人工智能
一、引言在汽车行业蓬勃发展的今天，汽车售后市场的重要性日益凸显。汽车售后诊断用户管理后台作为连接汽车维修企业、技术人员与车主的关键枢纽，在提升售后服务质量、优化客户体验以及促进企业运营效率方面发挥着核心作用。它整合了客户信息管理、车辆诊断数据处理、维修流程跟踪、售后市场分析等多个功能模块，为汽车售后产业链的各个环节提供了全方位的支持。二、功能模块剖析（一）客户信息管理基本信息录入与存储：详细记录车
jsonp 常用util方法 hw1287789687 jsonp jsonp常用方法 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 java html 正则表达式去掉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 haskell sudoku
继续精简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 apple html5 chrome Google
Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
yii 获取控制器名和方法名 dcj3sjt126com yii framework
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使得开发

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

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