【建站服务】河南省项城淘宝店铺设计-项城淘宝天猫网店美工-项城网店运营-项城拼多多宝贝设计多少钱-项城京东开店-项城美团代运营-项城阿里巴巴首页装修价格费用-项城主图详情页编辑排版PS美工修图加水印-

当前位置：首页» 行业网站案例 » 【建站服务】河南省项城淘宝店铺设计-项城淘宝天猫网店美工-项城网店运营-项城拼多多宝贝设计多少钱-项城京东开店-项城美团代运营-项城阿里巴巴首页装修价格费用-项城主图详情页编辑排版PS美工修图加水印-

作者: 风兰 . 阅读量： 5 . 发表时间：2022-09-20 18:55:27

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

河南省项城淘宝店铺设计-项城淘宝天猫网店美工-项城网店运营-项城拼多多宝贝设计多少钱-项城京东开店-项城美团代运营-项城阿里巴巴首页装修价格费用-项城主图详情页编辑排版PS美工修图加水印-项城logo设计-项城商标注册-项城知识产权申请-项城高企认定

网站建设.png

周朝初年为项子国。前642年（周襄王十年）夏，齐国灭掉项子国，从此项子国国名即被取消，仅存项地名。 [7]

东周战国时期，楚灭鲁，项地即改属于楚国。楚襄王时，将楚都由郢徙于陈，以项为别都（即陪都）。

秦，项地归属于颍川郡，只有项地名而无项郡或项县名。 [7]

汉朝置项县，属汝南郡。东汉沿袭无变更，仍为项县。

三国属魏，仍为项县，隶属于陈国。

西晋时先属陈国，后改属梁国。 [7]

南北朝时，项县隶属州郡亦时变，县名称亦有变化。南朝刘宋时曾改项县为项城县，属于豫州陈郡。北朝北魏、北齐、北周均称项县，北魏时项县隶属陈郡，北齐时项县改属信州。南朝齐、梁也都仍称项县，梁时项县属因殷州。北朝东魏天平二年（535年），在项县侨立的秣陵县隶属北丹阳郡，项县仍隶属陈郡。

隋改秣陵县为项县。大业初（605年）废陈州置淮阳郡，理项城县、南顿县。

唐武德六年（623年），撤销南顿县，并入项城县。贞观元年（627年），废颍东县并入项城县。证圣元年（695年），项城西部地区割入光武县（后改名南顿县）。

五代、宋、金时期，县的建制沿革、治所、归属未变。

元至元二年（1336年）项城县废，不久复置。

明洪武元年（1368年），南顿县撤销，其东部边域归入项城县。宣德三年（1428年），县城由今槐店迁至殄寇镇（今秣陵镇）。李自成建国号大顺，改项城为州。

清，复名项城县，属陈州府。

民国36年（1947年）4月，中共建立沈项临县委和县民主政府。9月，改为沈项淮县，10月，成立项城县民主政府，属中共豫皖苏边区第四专署，12月，归豫皖苏边区西北工委。1948年元月，项城解放。

1949年3月，成立淮阳专员公署。7月，县民主政府改称县人民政府，地址设在老城。1953年12月，人民政府迁至水寨镇。1953年，淮阳专区撤销，项城归属商丘专区。1958年12月，商丘专区撤销，项城归属开封专区。1961年12月恢复商丘专区，项城复属之。1965年7月建立周口专员公署（后改称周口地区），项城改属周口。1993年12月16日，项城县改为项城市。2000年，周口地区改为周口市，项城仍属之。 [7]

2005年，项城市成为河南首批五个重点扩权县市之一，财政交通教育等各方面由河南省直属。 [8]

2007年，由于国家相关政策的调整、经济社会发展发生新的变化等多种因素，部分下放的管理权限没有落实到位。河南省发改委的一则通知，包括项城在内的47个扩权县的12项“特权”被收回。 [9-10]

行政区划

编辑播报

区划沿革

1949年以后，结合土地改革和建立地方民主政权，与四邻各县进行边境调整，从根本上解决了与邻县间的插花地。 [7]

1953年底，为了航运方便，水寨镇从淮阳划给项城，项城县城由秣陵镇迁至水寨至今。

1988年，南顿、贾岭、丁集、新桥撤乡设镇。1995年，河南省民政厅以豫民行批字[1995]2号文批准项城市撤销城郊乡、水寨镇设立办事处的行政区划调整意见。1996年，李寨撤乡设镇。1997年，付集撤乡设镇。1998年，官会撤乡设镇。

2001年，郑郭、高寺、王明口撤乡设镇。

style样式绑定

通过样式绑定，可以设置内联样式。样式绑定语法上类似于属性绑定，但中括号里面的部分不是一个元素的属性名，样式绑定包括一个style.，紧跟着css样式的属性名，例如：[style.style-property]。

<button [style.color] = "isSpecial ? 'red': 'green'">红色</button><button [style.background-color]="canSave ? 'cyan': 'grey'" >保存</button>
 <!-- 带有单位的样式绑定 --><button [style.font-size.em]="isSpecial ? 3 : 1" >大</button><button [style.font-size.%]="!isSpecial ? 150 : 50" >小</button>

样式属性可以是中线命名法（font-size），也可以是驼峰是命名法（fontSize）。

事件绑定

在事件绑定中，Angular通过监听用户动作，比如键盘事件、鼠标事件、触屏事件等来响应相对应的数据流向-从视图目标到数据源。

事件绑定的语法是由等号左侧小括号内的 目标事件 和右侧引号中的 模板声明 组成。

比如下面这个例子，是事件绑定监听按钮的点击事件。只要点击鼠标，都会调用组件的 onSave()方法。

<button (click)="onSave()">保存</button>

圆括号中的名称 ——比如 (click) ——标记出了目标事件。在下面这个例子中，目标是按钮的 click 事件。

<button (click)="onSave()">Save</button>

也可以使用on- 前缀的形式：

<button on-click="onSave()">On Save</button>

使用 NgModel 进行双向数据绑定

当开发数据输入表单时，期望的结果是既能将组件的数据显示到表单上，也能在用户修改时更新组件的数据。

以下是一个通过 [(NgModel)] 来实现双向绑定：

<input [(ngModel)]="currentUser.firstName">

[]实现了数据流从组件到模板，()实现了数据流从模板到组件，两者一结合[()]就实现了双向绑定。

使用前缀形式的语法：

<input bindon-ngModel="currentUser.firstName">

内置指令

Angular 的内置指令有 NgClass、NgStyle、NgIf、NgFor、NgSwitch等。

NgClass

通过绑定到 NgClass 动态添加或删除 CSS 类。

<div [style.font-size]="isSpecial ? 'x-large' : 'smaller'" >
  这个div是大号的。</div>

NgStyle

NgStyle 通过把它绑定到一个key:value控制对象的形式，可以让我们同时设置很多内联样式。

setStyles() {
  let styles = {
    // CSS属性名
    'font-style':  this.canSave      ? 'italic' : 'normal',  // italic
    'font-weight': !this.isUnchanged ? 'bold'   : 'normal',  // normal
    'font-size':   this.isSpecial    ? '24px'   : '8px',     // 24px
  };
  return styles;
}

通过添加一个NgStyle属性绑定，让它调用setStyles，并据此来设置元素的样式：

<div [ngStyle]="setStyles()">
    这个div的样式是italic, normal weight, 和extra large (24px)。</div>

NgIf

通过把NgIf指令绑定到一个真值表达式，可以把一个元素及其子元素添加到DOM树上。

<div *ngIf="currentUser">Hello,{{currentUser.firstName}}</div>

相反，绑定到一个假值表达式将从DOM树中移除该元素及其子元素。如：

<!-- 因为isActive的值为false，所以User Detail不在DOM树中--><user-detail *ngIf="isActive"></user-detail>

NgSwitch

当需要从一组可能的元素树中根据条件显示其中一个时，就需要NgSwitch了。Angular将只把选中的元素添加进DOM中。如：

<span [ngSwitch]="userName">
  <span *ngSwitchCase="'张三'">张三</span>
  <span *ngSwitchCase="'李四'">李四</span>
  <span *ngSwitchCase="'王五'">王五</span>
  <span *ngSwitchCase="'赵六'">赵六</span>
  <span *ngSwitchDefault>龙大</span></span>

把作为父指令的NgSwitch绑定到一个能返回开关值的表达式，例子中这个值是字符串，但它可以是任何类型的值。父指令NgSwitch控制一组<span>子元素。每个<span>或者挂在一个匹配值的表达式上，或者被标记为默认情况。任何时候，这些span中最多只有一个会出现在DOM中。如果这个span的匹配值和开关值相等，Angular2就把这个<span>添加DOM中。如果没有任何span匹配上，Angular2就会把默认的span添加到DOM中。Angular2会移除并销毁所有其他的span。

三个相互合作的指令：

ngSwitch：绑定到一个返回开关值的表达式
ngSwitchCase：绑定到一个返回匹配值的表达式
ngSwitchDefault：一个用于标记默认元素的属性注意：不要再ngSwitch前使用*，而应该用属性绑定，但ngSwitchCase和ngSwitchDefault前面要放*。

NgFor

当需要展示一个由多个条目组成的列表时就需要这个指令了。如下面这个例子，就是在一个HTML块上应用NgFor。

<div *ngFor="let user of users">{{user.fullName}}</div>

NgFor也可以应用在一个组件元素上，如：

<user-detail *ngFor="let user of users" [user]="user"></user-detail>

ngFor指令支持一个可选的index索引，在迭代过程中会从0增长到数组中的长度。

可以通过模板输入变量来捕获这个index，并应用在模板中。下面的例子就把index捕获到了一个名为i的变量中。

<div *ngFor="let user of users; let i=index">{{i + 1}} - {{user.fullName}}</div>

NgForTrackBy

ngFor 指令有时候会性能较差，特别是在大型列表中。对一个条目的一点小更改、移除或添加，都会导致级联的 DOM 操作。

比如，当通过重新从服务器来刷新通讯录，刷新后的列表可能包含很多（如果不是全部的话）以前显示过的联系人。但在Angular看来，它不知道哪些是以前就存在过的，只能清理旧列表、舍弃那些DOM元素，并用新的DOM元素来重建一个新列表。

解决这个问题，可以通过追踪函数来避免这种折腾。追踪函数会告诉Angular：我们知道两个具有相同user.id的对象是同一个联系人。如：

trackByUsers(index: number, user: User){return user.id}

然后，把NgForTrackBy指令设置为那个追踪函数：

<div *ngFor="let user of users; trackBy:trackByUsers">({{user.id}}) {{user.fullName}}</div>

追踪函数不会排除所有DOM更改。如果用来判断是否为同一个联系人的属性变化了，就会更新DOM元素，反之就会留下这个DOM元素。列表界面就会变得比较更加平滑，具有更好的响应效果。

模板引用变量

模板引用变量是模板中对 DOM 元素或指令的引用。

它能在原生 DOM 元素中使用，也能用于 Angular 组件——实际上，它可以和任何自定义 Web 组件协同工作。

我们可以在同一元素、兄弟元素或任何子元素中引用模板引用变量。

这里是关于创建和使用模板引用变量的两个例子：

<!-- phone 引用了 input 元素，并将 `value` 传递给事件句柄 --><input #phone placeholder="phone number"><button (click)="callPhone(phone.value)">Call</button>
 <!-- fax 引用了 input 元素，并将  `value` 传递给事件句柄  --><input ref-fax placeholder="fax number"><button (click)="callFax(fax.value)">Fax</button>