一、目标

上一次我们用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...

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

python的后端开发框架django，flask，flaskapi myjzwsz python django flask
Django、Flask和Flask-API是Python中流行的后端开发框架，它们在功能、应用场景以及架构上有不同的特点和使用场景。下面我给你详细介绍每个框架的应用示例、区别和应用场景：1.DjangoDjango是一个功能全面的Web开发框架，强调“快速开发”和“无需重新发明轮子”。它自带了很多功能，如认证、ORM（数据库映射）、表单处理、管理后台等。应用示例：社交媒体平台：像Instagra
vite+vue+ts+element-plus从零开发管理后台框架(18)-主颜色优化 mirahs vue.js
问题编辑src/views/Home.vue，添加一个主颜色的按钮。Primary首页{{item}}正常鼠标滑过发现鼠标滑过后颜色出问题了，这是因为按钮样式使用了主颜色相关的变量，而主颜色相关的变量不止el-color-primary这个css变量。按钮样式主颜色变量所以我们要把这些主颜色相关的变量都动态设置解决编辑src/store/color.ts，添加如下辅助方法。import{defin
vite+vue+ts+element-plus从零开发管理后台框架(03)-路由 mirahs vue.js
新建视图新建src/views/Login.vue，内容如下。这是登录页新建src/views/Main.vue，内容如下。这是主页新建src/views/errors/404.vue，内容如下。404pagenotfound编辑src/App.vue，内容如下。路由配置安装组件[email protected]新建src/router/index.ts，内容如下。import{
vite+vue+ts+element-plus从零开发管理后台框架(17)-主颜色动态设置 mirahs vue.js
之前的主颜色是静态设置的，这里通过颜色选择器选择颜色动态设置。删除静态设置主颜色编辑src/style.css，删除如下静态主颜色样式。:root{--el-color-primary:red;}:root.dark{--el-color-primary:red;}颜色Store新建src/store/color.ts，内容如下。主要是有一个primary主颜色的属性并且默认是element-pl
vite+vue+ts+element-plus从零开发管理后台框架(20)-多页签移除和跳转 vue3
多页签添加移除方法编辑src/store/fastnav.ts，添加removeData方法。removeData(path:string):string{if(this.datas.length{{item.desc}}script段添加onTagClose方法。constonCollapseSwitch=()=>{menuStore.collapse=!menuStore.collapse}c
vite+vue+ts+element-plus从零开发管理后台框架(14)-全屏切换 vue3
安装插件npminstall@vueuse/[email protected]编辑src/views/Main.vue，template段header-right下最前面添加如下代码。script段引入并实例化FullScreenimport{onMounted,ref}from'vue'import{useRoute,useRouter}from'vue-router'import{useFullscre
2024护网行动 _ 红队实战手册（建议收藏）零基础入门到精通编程瞬息全宇宙 web安全 arm开发安全学习
整理后转于klionsec的github基本流程：入口权限=>内网搜集/探测=>免杀提权[非必须]=>抓取登录凭证=>跨平台横向=>入口维持=>数据回传=>定期权限维护0x01入口权限获取[前期侦察，搜集阶段本身就不存在太多可防御的点，非防御重心]绕CDN找出目标所有真实ip段找目标的各种Web管理后台登录口批量抓取目标所有真实C段Webbanner批量对目标所有真实C段进行基础服务端口扫描探测识
Laravel后台管理解决方案：admin-laravel实战韦臻
本文还有配套的精品资源，点击获取简介：admin-laravel为Laravel框架提供了一个专门优化和封装的管理后台，支持认证授权、前端UI框架、表单构建、数据展示、API集成、错误日志处理、自定义命令、扩展性、安全防护等功能，旨在帮助开发者高效搭建后台管理系统。通过提供详细的文档和示例代码，它简化了安装、配置和操作流程，确保代码质量和可维护性。1.Laravel后台开发框架概述简介Larave
vite+vue+ts+element-plus从零开发管理后台框架(15)-暗黑模式 vue3
设置编辑src/main.ts，引入暗黑模式样式文件。import'element-plus/dist/index.css'import'element-plus/theme-chalk/dark/css-vars.css'编辑src/views/Main.vue，template段header-right下最前面添加如下代码。script段引入并实例化useDarkimport{useFulls
vite+vue+ts+element-plus从零开发管理后台框架(12)-logo和标题 vue3
编辑src/views/Main.vue，template段header-left修改如下。logo和标题全部在router-link标签下，即点击的时候会跳转到/这个路由，展开状态下显示logo和标题，折叠状态下只显示logo。VEVueElementstyle段header-left修改如下，这里要注意route-link渲染之后就是a标签。.header-left{&a{height:60p
vite+vue+ts+element-plus从零开发管理后台框架(08)-顶部整体布局 vue3
顶部整体使用左、中、右的布局。左侧宽度跟菜单宽度一样，如果菜单未折叠就显示后台logo和后台名称，如果折叠了就只显示后台logo。右侧内容自适应，主要是显示系统工具按钮和用户信息。中间使用剩余空间，主要是显示菜单折叠按钮和多页签。布局编辑src/views/Main.vue，template段el-header修改如下。leftcenterrightstyle段el-header类修改如下.el-
基于AI大模型api实现的ChatGPT服务大牛撸码人工智能 chatgpt
项目简介该项目基于AI大模型api实现的自建后端Chat服务，支出同步响应及流式响应，完美呈现打印机效果。支持一键切换ChatGPT(3.5、4.0)模型、文心一言(支持Stable-Diffusion-XL作图)、通义千问、讯飞星火、智谱清言(ChatGLM)等主流模型，后续模型持续对接中。项目包含java服务端、网页端、移动端及管理后台配置。基于AI大模型api实现的ChatGPT服务，支持一
集团邮箱公司地址怎么设置？
随着企业规模的扩大，集团邮箱的设置变得尤为重要。集团邮箱公司地址怎么设置，只需通过邮箱管理后台，填写公司地址信息并完成验证即可。具体步骤包括：登录邮箱管理后台，进入“公司信息”或“组织设置”页面，填写公司地址，上传相关证明文件（如营业执照），并等待系统审核。接下来，我们将从用户权限管理、集成能力与办公协作、安全性等方面，详细解析集团邮箱的设置与优化。一、用户权限管理：高效分配与灵活控制在集团邮箱的
小米R3G刷了老毛子固件后，设置IPv6 虎王科技嵌入式硬件数据库
随身WiFi相关（程序+源码+工具+调试部署+开发环境）包含4G/5G/CPE设备，总共500多GB以上，文章末尾可获取，在最后面了。小米R3G刷了老毛子固件后，设置IPv6的步骤如下：1.**外网WAN口设置**-**连接类型选择**：登录到路由器的管理后台，找到“外网WAN”或“网络设置”等相关选项，点击进入“外网设置”。将联网类型设置为“PPPoE”，并开启“MANIP”和两个加速功能（一般
适合iis发布执行API定时任务的库和框架有哪些默萧笙故 API .NET C#c#.net 开发语言
在IIS上发布和执行API定时任务时，您可以考虑以下几种库和框架，这些工具能够提供稳定的任务调度功能并适于与ASP.NET或ASP.NETCore应用程序兼容：1.Hangfire概述:Hangfire是一个非常流行的库，允许在ASP.NET应用程序中创建和管理后台任务。它支持持久化和异步执行。安装:可以通过NuGet包管理器安装。功能:提供任务重试和失败日志的支持。通过可视化仪表板监控任务状态。
vite+vue+ts+element-plus从零开发管理后台框架(02)-路径别名配置 vue3
路径别名是为了方便模块文件引入，比如有src/util/time_util.ts这样一个模块。如果没有路径别名，可能有的是importtime_utilfrom'./time_util'，有的是importtime_utilfrom'../../../../../time_util'这样引入。而有了路径别名，不管当前模块文件在哪个路径，都可以统一用importtime_utilfrom'@/uti
vite+vue+ts+element-plus从零开发管理后台框架(04)-整体布局 vue3
布局参考文档，整体使用上、左、右的布局。编辑src/views/Main.vue，内容如下。HeaderAsideMain.el-header{background-color:red;}.el-aside{background-color:green;}.el-main{background-color:blue;}浏览器访问http://localhost:5173/#/，会发现高度没有铺满。
vite+vue+ts+element-plus从零开发管理后台框架(05)-菜单和路由 vue3
视图新建src/views/Home.vue，内容如下。首页新建src/views/sys/AdmUserPassword.vue，内容如下。密码更新新建src/views/sys/AdmUser.vue，内容如下。管理员新建src/views/log/AdmUserLogin.vue，内容如下。管理员登录日志路由配置编辑src/router/index.ts，修改Main路由如下。{path:'
Flink在指定时间窗口内统计均值，超过阈值后报警小的~~ flink 均值算法大数据
1、需求统计物联网设备收集上来的温湿度数据，如果5分钟内的均值超过阈值(30摄氏度)则发出告警消息，要求时间窗口和阈值可在管理后台随时修改，实时生效(完成当前窗口后下一个窗口使用最新配置)。物联网设备的数据从kafka中读取，配置数据从mysql中读取，有个管理后台可以调整窗口和阈值大小。2、思路使用flink的双流join，配置数据使用广播流，设备数据使用普通流。3、实现代码packagecu.
B端产品思考：使用AI帮助B端产品经理 datuniu 产品经理金融人工智能
某一种类型B端产品经理的工作，大部分是建管理后台，提供一些工作流、业务支撑系统、数据管理系统。例如常见功能：项目管理、系统管理、数据管理；常见的操作：新增、编辑、删除、预览、下载。适用于此类产品经理的一款AI神器应当包括以下功能：（1）快速画原型功能（中高保真）；【原型的ppt式的演示功能】（2）使用原型生成前端代码；（3）界面支持创建数据库schema（支持使用excel上传、手动添加），拖拉拽
基于苏宁易购模式设计的“凌优购“电商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).管理端功能员工登录/
微信小程序开发实战课后习题解答————第一章（作业版）枫琳晚微信小程序微信小程序小程序
一、填空题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业务系统，包括各种管理后台和小程序等。在这些项目中，我设计过单/多租户体系系统，对接过许多开放平台，也搞过消息中心这类较为复杂的应用，但幸运的是，我至今还没有遇到过线上系统由于代码崩溃导致资损的情况。这其中的原因有三点：一是业务系统本身并不复杂；二是我一直遵循某大厂代码规约，在开发过程中尽可能按规约编写代码；三是经过多年的开发经验积累，我成为了一名熟练工，掌握了一些实用的技巧
java杨辉三角 3213213333332132 java基础
package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
《大话重构》之大布局的辛酸历史白糖_ 重构
《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。背景公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频 ed2k
本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
Javascript中函数的toString()方法周凡杨 JavaScript js toString function object
简述 The toString() method returns a string representing the source code of the function. 简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。句法 function.
struts处理自定义异常 g21121 struts
很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
Linux中find常见用法示例 510888780 linux
Linux中find常见用法示例 ·find path -option [ -print ] [ -exec -ok command ] {} \; find命令的参数；
SpringMVC的各种参数绑定方式 Harry642 springMVC 绑定表单
1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
Java 获取Oracle ROWID aijuans java oracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
java获取方法的参数名 antlove java jdk parameter method reflect
reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
JAVA正则表达式匹配查找替换提取操作百合不是茶 java 正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split(); String str; str.split();方法中传入按照什么规则截取,返回一个String数组常见的截取规则: str.split("\\.")按照.来截取 str.
Java中equals()与hashCode()方法详解 bijian1013 java set equals()hashCode()
一.equals()方法详解 equals()方法在object类中定义如下： public boolean equals(Object obj) { return (this == obj); } 很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle 数据库 plsql
--工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
Nginx作为静态文件HTTP服务器在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片在主配置文件中添加http指令 http { server { listen 80; server_name
kafka获得最新partition offset blackproof kafka partition offset 最新
kafka获得partition下标，需要用到kafka的simpleconsumer import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
centos 7安装docker两种方式 ronin47
第一种是采用yum 方式 yum install -y docker
java-60-在O(1)时间删除链表结点 bylijinnan java
public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
nginx利用proxy_cache来缓存文件 cfyme cache
user zhangy users; worker_processes 10; error_log /var/vlogs/nginx_error.log crit; pid /var/vlogs/nginx.pid; #Specifies the value for ma
[JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做： string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))" 定义一个0整数c,然后用这个整数c去
如何集成支付宝官方文档 dai_lm android
官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成调试的时候估计会真的扣款，请注意
应该在什么时候使用Hadoop datamachine hadoop
原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
在GridView中使用关联模型进行搜索和排序首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
使用NSString 的格式化大全 dcj3sjt126com Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
使用activeX插件对象object滚动有重影蕃薯耀 activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
SpringMVC4零配置 hanqunfeng springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
问题引入上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
AngularJS浅析 kvhur JavaScript
概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
1.前言. jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
本文链接: http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。说一下，
C语言算法之水仙花数 qiufeihu c 算法
/** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
JSP指令 wyzuomumu jsp
jsp指令的一般语法格式： <%@ 指令名属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include

按字母分类： 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实现详情页面跳转