Ynudyc
Ynudyc

day04-乐优商城项目搭建

0.学习目标

  • 了解电商行业
  • 了解乐优商城项目结构
  • 能独立搭建项目基本框架
  • 能参考使用ES6的新语法

1.了解电商行业

学习电商项目，自然要先了解这个行业，所以我们首先来聊聊电商行业

1.1.项目分类

主要从需求方、盈利模式、技术侧重点这三个方面来看它们的不同

1.1.1.传统项目

各种企业里面用的管理系统（ERP、HR、OA、CRM、物流管理系统。。。。。。。）

  • 需求方：公司、企业内部
  • 盈利模式：项目本身卖钱
  • 技术侧重点：业务功能

1.1.2.互联网项目

门户网站、电商网站：baidu.com、qq.com、taobao.com、jd.com …

  • 需求方：广大用户群体
  • 盈利模式：虚拟币、增值服务、广告收益…
  • 技术侧重点：网站性能、业务功能

而我们今天要聊的就是互联网项目中的重要角色：电商

1.2.电商行业的发展

1.2.1.钱景

近年来，中国的电子商务快速发展，交易额连创新高，电子商务在各领域的应用不断拓展和深化、相关服务业蓬勃发展、支撑体系不断健全完善、创新的动力和能力不断增强。电子商务正在与实体经济深度融合，进入规模性发展阶段，对经济社会生活的影响不断增大，正成为我国经济发展的新引擎。

中国电子商务研究中心数据显示，截止到 2012 年底，中国电子商务市场交易规模达 7.85万亿人民币，同比增长 30.83%。其中，B2B 电子商务交易额达 6.25 万亿，同比增长 27%。而 2011 年全年，中国电子商务市场交易额达 6 万亿人民币，同比增长 33%，占 GDP 比重上升到 13%；2012 年，电子商务占 GDP 的比重已经高达 15%。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Dj6BVzTU-1577523078723)(assets/1525686041466.png)]

1.2.2.数据

来看看双十一的成交数据：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PbeeRQbN-1577523078724)(assets/1525686135308.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-egNf6EOl-1577523078724)(assets/1525686160411.png)]

2016双11开场30分钟，创造每秒交易峰值17.5万笔，每秒支付峰值12万笔的新纪录。菜鸟单日物流订单量超过4.67亿，创历史新高。

1.2.3.技术特点

从上面的数据我们不仅要看到钱，更要看到背后的技术实力。正是得益于电商行业的高强度并发压力，促使了BAT等巨头们的技术进步。电商行业有些什么特点呢？

  • 技术范围广
  • 技术新
  • 高并发（分布式、静态化技术、缓存技术、异步并发、池化、队列）
  • 高可用（集群、负载均衡、限流、降级、熔断）
  • 数据量大
  • 业务复杂
  • 数据安全

1.3.常见电商模式

电商行业的一些常见模式：

  • B2C：商家对个人，如：亚马逊、当当等
  • C2C平台：个人对个人，如：咸鱼、拍拍网、ebay
  • B2B平台：商家对商家，如：阿里巴巴、八方资源网等
  • O2O：线上和线下结合，如：饿了么、电影票、团购等
  • P2P：在线金融，贷款，如：网贷之家、人人聚财等。
  • B2C平台：天猫、京东、一号店等

1.4.一些专业术语

  • SaaS：软件即服务

  • SOA：面向服务

  • RPC：远程过程调用

  • RMI：远程方法调用

  • PV：(page view)，即页面浏览量；

    用户每1次对网站中的每个网页访问均被记录1次。用户对同一页面的多次访问，访问量累计

  • UV：(unique visitor)，独立访客

    指访问某个站点或点击某条新闻的不同IP地址的人数。在同一天内，uv只记录第一次进入网站的具有独立IP的访问者，在同一天内再次访问该网站则不计数。

  • PV与带宽：

    • 计算带宽大小需要关注两个指标：峰值流量和页面的平均大小。
    • 计算公式是：网站带宽= ( PV * 平均页面大小（单位MB）* 8 )/统计时间（换算到秒）
    • 为什么要乘以8？
      • 网站大小为单位是字节(Byte)，而计算带宽的单位是bit，1Byte=8bit
    • 这个计算的是平均带宽，高峰期还需要扩大一定倍数

  • PV、QPS、并发

    • QPS：每秒处理的请求数量。8000/s

      • 比如你的程序处理一个请求平均需要0.1S，那么1秒就可以处理10个请求。QPS自然就是10，多线程情况下，这个数字可能就会有所增加。

    • 由PV和QPS如何需要部署的服务器数量？

      • 根据二八原则，80%的请求集中在20%的时间来计算峰值压力：
      • （每日PV * 80%） / （3600s * 24 * 20%） * 每个页面的请求数 = 每个页面每秒的请求数量
      • 然后除以服务器的QPS值，即可计算得出需要部署的服务器数量

1.5.项目开发流程

项目经理：管人

产品经理：设计需求原型

测试：

前端：大前端。node

后端：

移动端：

项目开发流程图：

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0x1t2Dfj-1577523078725)(assets/1525697632643.png)]

公司现状：

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6Ry8zgKN-1577523078726)(assets/1525697681975.png)]

2.乐优商城介绍

2.1.项目介绍

  • 乐优商城是一个全品类的电商购物网站（B2C）。
  • 用户可以在线购买商品、加入购物车、下单、秒杀商品
  • 可以品论已购买商品
  • 管理员可以在后台管理商品的上下架、促销活动
  • 管理员可以监控商品销售状况
  • 客服可以在后台处理退款操作
  • 希望未来3到5年可以支持千万用户的使用

2.2.系统架构

2.2.1.架构图

乐优商城架构缩略图，大图请参考课前资料：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bxnyuhmU-1577523078727)(assets/1525703759035.png)]

2.2.2.系统架构解读

整个乐优商城可以分为两部分：后台管理系统、前台门户系统。

  • 后台管理：

    • 后台系统主要包含以下功能：
      • 商品管理，包括商品分类、品牌、商品规格等信息的管理
      • 销售管理，包括订单统计、订单退款处理、促销活动生成等
      • 用户管理，包括用户控制、冻结、解锁等
      • 权限管理，整个网站的权限控制，采用JWT鉴权方案，对用户及API进行权限控制
      • 统计，各种数据的统计分析展示
    • 后台系统会采用前后端分离开发，而且整个后台管理系统会使用Vue.js框架搭建出单页应用（SPA）。
    • 预览图：

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UECZHpa2-1577523078727)(assets/1525704185158.png)]

  • 前台门户

    • 前台门户面向的是客户，包含与客户交互的一切功能。例如：
      • 搜索商品
      • 加入购物车
      • 下单
      • 评价商品等等
    • 前台系统我们会使用Thymeleaf模板引擎技术来完成页面开发。出于SEO优化的考虑，我们将不采用单页应用。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fwqobIld-1577523078727)(assets/1525704277126.png)]

无论是前台还是后台系统，都共享相同的微服务集群，包括：

  • 商品微服务：商品及商品分类、品牌、库存等的服务
  • 搜索微服务：实现搜索功能
  • 订单微服务：实现订单相关
  • 购物车微服务：实现购物车相关功能
  • 用户中心：用户的登录注册等功能
  • Eureka注册中心
  • Zuul网关服务
  • Spring Cloud Config配置中心
  • …

3.项目搭建

3.1.技术选型

前端技术：

  • 基础的HTML、CSS、JavaScript（基于ES6标准）
  • JQuery
  • Vue.js 2.0以及基于Vue的框架：Vuetify
  • 前端构建工具：WebPack
  • 前端安装包工具：NPM
  • Vue脚手架：Vue-cli
  • Vue路由：vue-router
  • ajax框架：axios
  • 基于Vue的富文本框架：quill-editor

后端技术：

  • 基础的SpringMVC、Spring 5.0和MyBatis3
  • Spring Boot 2.0.1版本
  • Spring Cloud 最新版 Finchley.RC1
  • Redis-4.0
  • RabbitMQ-3.4
  • Elasticsearch-5.6.8
  • nginx-1.10.2：
  • FastDFS - 5.0.8
  • MyCat
  • Thymeleaf

3.2.开发环境

为了保证开发环境的统一，希望每个人都按照我的环境来配置：

  • IDE：我们使用Idea 2017.3 版本
  • JDK：统一使用JDK1.8
  • 项目构建：maven3.3.9以上版本即可
  • 版本控制工具：git

idea大家可以在我的课前资料中找到。另外，使用帮助大家可以参考课前资料的《idea使用指南.md》

3.3.域名

我们在开发的过程中，为了保证以后的生产、测试环境统一。尽量都采用域名来访问项目。

一级域名：www.leyou.com

二级域名：manage.leyou.com , api.leyou.com

我们可以通过switchhost工具来修改自己的host对应的地址，只要把这些域名指向127.0.0.1，那么跟你用localhost的效果是完全一样的。

switchhost可以去课前资料寻找。

3.4.创建父工程

创建统一的父工程：leyou，用来管理依赖及其版本，注意是创建project，而不是moudle

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D05fRgYo-1577523078728)(assets/1525706200704.png)]

填写项目信息：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zoy01bkL-1577523078728)(assets/1525707023009.png)]

注意：

父工程不需要代码，只是管理依赖，因此我们不选择任何SpringCloud的依赖

跳过依赖选择。

填写保存的位置信息：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9luZFSLx-1577523078729)(assets/1525706600181.png)]

然后将pom文件修改成我这个样子：


<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0modelVersion>

	<groupId>com.leyou.parentgroupId>
	<artifactId>leyouartifactId>
	<version>1.0.0-SNAPSHOTversion>
	<packaging>pompackaging>

	<name>leyouname>
	<description>Demo project for Spring Bootdescription>

	<parent>
		<groupId>org.springframework.bootgroupId>
		<artifactId>spring-boot-starter-parentartifactId>
		<version>2.0.1.RELEASEversion>
		<relativePath/> 
	parent>

	<properties>
		<project.build.sourceEncoding>UTF-8project.build.sourceEncoding>
		<project.reporting.outputEncoding>UTF-8project.reporting.outputEncoding>
		<java.version>1.8java.version>
		<spring-cloud.version>Finchley.RC1spring-cloud.version>
		<mybatis.starter.version>1.3.2mybatis.starter.version>
		<mapper.starter.version>2.0.2mapper.starter.version>
		<druid.starter.version>1.1.9druid.starter.version>
		<mysql.version>5.1.32mysql.version>
		<pageHelper.starter.version>1.2.3pageHelper.starter.version>
		<leyou.latest.version>1.0.0-SNAPSHOTleyou.latest.version>
		<fastDFS.client.version>1.26.1-RELEASEfastDFS.client.version>
	properties>

	<dependencyManagement>
		<dependencies>
			
			<dependency>
				<groupId>org.springframework.cloudgroupId>
				<artifactId>spring-cloud-dependenciesartifactId>
				<version>${spring-cloud.version}version>
				<type>pomtype>
				<scope>importscope>
			dependency>
			
			<dependency>
				<groupId>org.mybatis.spring.bootgroupId>
				<artifactId>mybatis-spring-boot-starterartifactId>
				<version>${mybatis.starter.version}version>
			dependency>
			
			<dependency>
				<groupId>tk.mybatisgroupId>
				<artifactId>mapper-spring-boot-starterartifactId>
				<version>${mapper.starter.version}version>
			dependency>
			
			<dependency>
				<groupId>com.github.pagehelpergroupId>
				<artifactId>pagehelper-spring-boot-starterartifactId>
				<version>${pageHelper.starter.version}version>
			dependency>
			
			<dependency>
				<groupId>mysqlgroupId>
				<artifactId>mysql-connector-javaartifactId>
				<version>${mysql.version}version>
			dependency>
			
			<dependency>
				<groupId>com.github.tobatogroupId>
				<artifactId>fastdfs-clientartifactId>
				<version>${fastDFS.client.version}version>
			dependency>
          dependencies>
	dependencyManagement>

	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.bootgroupId>
				<artifactId>spring-boot-maven-pluginartifactId>
			plugin>
		plugins>
	build>

	<repositories>
		<repository>
			<id>spring-milestonesid>
			<name>Spring Milestonesname>
			<url>https://repo.spring.io/milestoneurl>
			<snapshots>
				<enabled>falseenabled>
			snapshots>
		repository>
	repositories>
project>

可以发现，我们在父工程中引入了SpringCloud等很多以后需要用到的依赖，以后创建的子工程就不需要自己引入了。

最后，删除自动生成的LeyouApplication启动类、测试类以及application.properties文件，我们不需要。

3.5.创建EurekaServer

3.5.1.创建工程

这个大家应该比较熟悉了。

我们的注册中心，起名为：ly-registry

这次我们就不Spring使用提供的脚手架了。直接创建maven项目，自然会继承父类的依赖：

选择新建module：

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FMNQlLg3-1577523078730)(assets/1525707765104.png)]

选择maven安装，但是不要选择骨架：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-P2P1JZjW-1577523078730)(assets/1525707850047.png)]

然后填写项目坐标，我们的项目名称为ly-registry:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YLbOhF44-1577523078731)(assets/1525707949252.png)]

选择安装目录，因为是聚合项目，目录应该是在父工程leyou的下面：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JTssruFC-1577523078731)(assets/1525708053551.png)]

3.5.2.添加依赖

添加EurekaServer的依赖：


<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>leyouartifactId>
        <groupId>com.leyou.parentgroupId>
        <version>1.0.0-SNAPSHOTversion>
    parent>
    <modelVersion>4.0.0modelVersion>

    <groupId>com.leyou.commongroupId>
    <artifactId>ly-registryartifactId>
    <version>1.0.0-SNAPSHOTversion>

    <dependencies>
        <dependency>
            <groupId>org.springframework.cloudgroupId>
            <artifactId>spring-cloud-starter-netflix-eureka-serverartifactId>
        dependency>
    dependencies>
project>

3.5.3.编写启动类

@SpringBootApplication
@EnableEurekaServer
public class LyRegistry {
    public static void main(String[] args) {
        SpringApplication.run(LyRegistry.class, args);
    }
}

3.5.4.配置文件

server:
  port: 10086
spring:
  application:
    name: ly-registry
eureka:
  client:
    fetch-registry: false
    register-with-eureka: false
    service-url:
      defaultZone: http://127.0.0.1:${server.port}/eureka
  server:
    enable-self-preservation: false # 关闭自我保护
    eviction-interval-timer-in-ms: 5000 # 每隔5秒进行一次服务列表清理

3.5.5.项目的结构：

目前，整个项目的结构如图：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o2i03yFC-1577523078731)(assets/1525708460522.png)]

3.6.创建Zuul网关

3.6.1.创建工程

与上面类似，选择maven方式创建Module，然后填写项目名称，我们命名为：ly-api-gateway

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JZDDt3re-1577523078732)(assets/1525708626562.png)]

填写保存的目录：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a28ehYj9-1577523078732)(assets/1525708677719.png)]

3.6.2.添加依赖

这里我们需要添加Zuul和EurekaClient的依赖：


<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>leyouartifactId>
        <groupId>com.leyou.parentgroupId>
        <version>1.0.0-SNAPSHOTversion>
    parent>
    <modelVersion>4.0.0modelVersion>

    <groupId>com.leyou.commongroupId>
    <artifactId>ly-api-gatewayartifactId>
    <version>1.0.0-SNAPSHOTversion>

    <dependencies>
        <dependency>
            <groupId>org.springframework.cloudgroupId>
            <artifactId>spring-cloud-starter-netflix-zuulartifactId>
        dependency>
        <dependency>
            <groupId>org.springframework.cloudgroupId>
            <artifactId>spring-cloud-starter-netflix-eureka-clientartifactId>
        dependency>
        
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-actuatorartifactId>
        dependency>
    dependencies>
project>

3.6.3.编写启动类

@SpringBootApplication
@EnableDiscoveryClient
@EnableZuulProxy
public class LyApiGateway {
    public static void main(String[] args) {
        SpringApplication.run(LyApiGateway.class, args);
    }
}

3.6.4.配置文件

server:
  port: 10010
spring:
  application:
    name: api-gateway
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:10086/eureka
    registry-fetch-interval-seconds: 5
  instance:
    prefer-ip-address: true
    ip-address: 127.0.0.1
    instance-id: ${spring.application.name}:${server.port}
zuul:
  prefix: /api # 添加路由前缀
  retryable: true
ribbon:
  ConnectTimeout: 250 # 连接超时时间(ms)
  ReadTimeout: 2000 # 通信超时时间(ms)
  OkToRetryOnAllOperations: true # 是否对所有操作重试
  MaxAutoRetriesNextServer: 1 # 同一服务不同实例的重试次数
  MaxAutoRetries: 1 # 同一实例的重试次数
hystrix:
  command:
    default:
      execution:
        isolation:
          thread:
            timeoutInMillisecond: 10000 # 熔断超时时长：10000ms

3.6.5.项目结构

目前，leyou下有两个子模块：

  • ly-registry：服务的注册中心（EurekaServer）
  • ly-api-gateway：服务网关（Zuul）

目前，服务的结构如图所示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v48meDs9-1577523078733)(assets/1525709241440.png)]

截止到这里，我们已经把基础服务搭建完毕，为了便于开发，统一配置中心（ConfigServer）我们留待以后添加。

3.7.创建商品微服务

既然是一个全品类的电商购物平台，那么核心自然就是商品。因此我们要搭建的第一个服务，就是商品微服务。其中会包含对于商品相关的一系列内容的管理，包括：

  • 商品分类管理
  • 品牌管理
  • 商品规格参数管理
  • 商品管理
  • 库存管理

我们先完成项目的搭建：

3.7.1.微服务的结构

因为与商品的品类相关，我们的工程命名为ly-item.

需要注意的是，我们的ly-item是一个微服务，那么将来肯定会有其它系统需要来调用服务中提供的接口，因此肯定也会使用到接口中关联的实体类。

因此这里我们需要使用聚合工程，将要提供的接口及相关实体类放到独立子工程中，以后别人引用的时候，只需要知道坐标即可。

我们会在ly-item中创建两个子工程：

  • ly-item-interface：主要是对外暴露的接口及相关实体类
  • ly-item-service：所有业务逻辑及内部使用接口

调用关系如图所示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PaU9wobV-1577523078734)(assets/1525744281610.png)]

3.7.2.创建父工程ly-item

依然是使用maven构建：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ku9IUfBh-1577523078734)(assets/1525744570533.png)]

保存的位置：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cqEcs4bs-1577523078735)(assets/1525744595793.png)]

不需要任何依赖，我们可以把项目打包方式设置为pom


<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>leyouartifactId>
        <groupId>com.leyou.parentgroupId>
        <version>1.0.0-SNAPSHOTversion>
    parent>
    <modelVersion>4.0.0modelVersion>

    <groupId>com.leyou.servicegroupId>
    <artifactId>ly-itemartifactId>
    <version>1.0.0-SNAPSHOTversion>
    
    <packaging>pompackaging>
project>

3.7.3.创建ly-item-interface

在ly-item工程上点击右键，选择new > module:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jRhbiTmN-1577523078735)(assets/1525744768694.png)]

依然是使用maven构建，注意父工程是ly-item：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YXklen39-1577523078735)(assets/1525744875078.png)]

注意：接下来填写的目录结构需要自己手动完成，保存到ly-item下的ly-item-interface目录中：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3mH7HUaM-1577523078736)(assets/1525744973026.png)]

点击Finish完成。

此时的项目结构：

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZEzrWyiQ-1577523078736)(assets/1525745119573.png)]

3.7.4.创建ly-item-service

与ly-item-interface类似，我们选择在ly-item上右键，新建module，然后填写项目信息：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-d9HjxcBz-1577523078736)(assets/1525745247195.png)]

填写存储位置，是在/ly-item/ly-item-service目录

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SVK0FTje-1577523078737)(assets/1525745303365.png)]

点击Finish完成。

3.7.5.整个微服务结构

如图所示：

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ABYF1mGg-1577523078737)(assets/1525745407047.png)]

我们打开ly-item的pom查看，会发现ly-item-interface和ly-item-service都已经称为module了：

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qdAoMHLj-1577523078738)(assets/1525745475108.png)]

3.7.6.添加依赖

接下来我们给ly-item-service中添加依赖：

思考一下我们需要什么？

  • Eureka客户端
  • web启动器
  • mybatis启动器
  • 通用mapper启动器
  • 分页助手启动器
  • 连接池，我们用默认的Hykira
  • mysql驱动
  • 千万不能忘了，我们自己也需要ly-item-interface中的实体类

这些依赖，我们在顶级父工程：leyou中已经添加好了。所以直接引入即可：


<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>ly-itemartifactId>
        <groupId>com.leyou.servicegroupId>
        <version>1.0.0-SNAPSHOTversion>
    parent>
    <modelVersion>4.0.0modelVersion>

    <groupId>com.leyou.servicegroupId>
    <artifactId>ly-item-serviceartifactId>
    <version>1.0.0-SNAPSHOTversion>

    <dependencies>
        
        <dependency>
            <groupId>org.springframework.cloudgroupId>
            <artifactId>spring-cloud-starter-netflix-eureka-clientartifactId>
        dependency>
        
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-webartifactId>
        dependency>
        
        <dependency>
            <groupId>org.mybatis.spring.bootgroupId>
            <artifactId>mybatis-spring-boot-starterartifactId>
            <version>${mybatis.starter.version}version>
        dependency>
        
        <dependency>
            <groupId>tk.mybatisgroupId>
            <artifactId>mapper-spring-boot-starterartifactId>
            <version>${mapper.starter.version}version>
        dependency>
        
        <dependency>
            <groupId>com.github.pagehelpergroupId>
            <artifactId>pagehelper-spring-boot-starterartifactId>
            <version>${pageHelper.starter.version}version>
        dependency>
        
        <dependency>
            <groupId>mysqlgroupId>
            <artifactId>mysql-connector-javaartifactId>
            <version>${mysql.version}version>
        dependency>
        <dependency>
            <groupId>com.leyou.servicegroupId>
            <artifactId>ly-item-interfaceartifactId>
            <version>${leyou.latest.version}version>
        dependency>
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-actuatorartifactId>
        dependency>
    dependencies>
project>

ly-item-interface中需要什么我们暂时不清楚，所以先不管。

整个结构：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2nvbVnyd-1577523078739)(assets/1525747398193.png)]

3.7.7.编写启动和配置

在整个ly-item工程中，只有ly-item-service是需要启动的。因此在其中编写启动类即可：

@SpringBootApplication
@EnableDiscoveryClient
public class LyItemService {
    public static void main(String[] args) {
        SpringApplication.run(LyItemService.class, args);
    }
}

然后是全局属性文件：

server:
  port: 8081
spring:
  application:
    name: item-service
  datasource:
    url: jdbc:mysql://localhost:3306/heima
    username: root
    password: 123
    hikari:
      maximum-pool-size: 30
      minimum-idle: 10
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:10086/eureka
  instance:
    lease-renewal-interval-in-seconds: 5 # 每隔5秒发送一次心跳
    lease-expiration-duration-in-seconds: 10 # 10秒不发送就过期
    prefer-ip-address: true
    ip-address: 127.0.0.1
    instance-id: ${spring.application.name}:${server.port}

3.8.添加商品微服务的路由规则

既然商品微服务已经创建，接下来肯定要添加路由规则到Zuul中，我们不使用默认的路由规则。

zuul:
  prefix: /api # 添加路由前缀
  retryable: true
  routes:
    item-service: /item/** # 将商品微服务映射到/item/**

3.9.启动测试

我们分别启动：ly-registry，ly-api-gateway，ly-item-service

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Gd26CUtj-1577523078739)(assets/1525749186008.png)]

查看Eureka面板：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UV6zL3mW-1577523078739)(assets/1525749215954.png)]

3.10.测试路由规则

为了测试路由规则是否畅通，我们是不是需要在item-service中编写一个controller接口呢？

其实不需要，Spring提供了一个依赖：actuator

只要我们添加了actuator的依赖，它就会为我们生成一系列的访问接口：

  • /info
  • /health
  • /refresh
  • …

添加依赖：

<dependency>
    <groupId>org.springframework.bootgroupId>
    <artifactId>spring-boot-starter-actuatorartifactId>
dependency>

重启后访问Eureka控制台：

鼠标悬停在item-service上，会显示一个地址：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MxSFlVGU-1577523078740)(assets/1525749683060.png)]

这就是actuator提供的接口，我们点击访问：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3vV7rvhS-1577523078740)(assets/1525749711606.png)]

因为我们没有添加信息，所以是一个空的json，但是可以肯定的是：我们能够访问到item-service了。

接下来我们通过路由访问试试，根据路由规则，我们需要访问的地址是：

http://127.0.0.1:10010/api/item/actuator/info

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cbvRUO4C-1577523078741)(assets/1525749803191.png)]

3.11.通用工具模块

有些工具或通用的约定内容，我们希望各个服务共享，因此需要创建一个工具模块：ly-common

使用maven来构建module：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xL8olEmV-1577523078741)(assets/1526046318620.png)]

位置信息：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3E754IOT-1577523078741)(assets/1526046349379.png)]

结构：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Tj0qlEkZ-1577523078742)(assets/1526046432347.png)]

目前还不需要编码。

4、ES6 语法指南

后端项目搭建完毕，接下来就是前端页面了。不过在这之前需要一些准备工作。我们需要学习ES6的语法标准。

什么是ES6？就是ECMAScript第6版标准。

4.1.什么是ECMAScript？

来看下前端的发展历程：

web1.0时代：

  • 最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。

web2.0时代：

  • 1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言。
  • 1996年，微软发布了JScript，其实是JavaScript的逆向工程实现。
  • 1997年，为了统一各种不同script脚本语言，ECMA（欧洲计算机制造商协会）以JavaScript为基础，制定了ECMAscript标准规范。JavaScript和JScript都是ECMAScript的标准实现者，随后各大浏览器厂商纷纷实现了ECMAScript标准。

所以，ECMAScript是浏览器脚本语言的规范，而各种我们熟知的js语言，如JavaScript则是规范的具体实现。

4.2.ECMAScript的快速发展

而后，ECMAScript就进入了快速发展期。

  • 1998年6月，ECMAScript 2.0 发布。

  • 1999年12月，ECMAScript 3.0 发布。这时，ECMAScript 规范本身也相对比较完善和稳定了，但是接下来的事情，就比较悲剧了。

  • 2007年10月。。。。ECMAScript 4.0 草案发布。

    这次的新规范，历时颇久，规范的新内容也有了很多争议。在制定ES4的时候，是分成了两个工作组同时工作的。

    • 一边是以 Adobe, Mozilla, Opera 和 Google为主的 ECMAScript 4 工作组。
    • 一边是以 Microsoft 和 Yahoo 为主的 ECMAScript 3.1 工作组。

    ECMAScript 4 的很多主张比较激进，改动较大。而 ECMAScript 3.1 则主张小幅更新。最终经过 TC39 的会议，决定将一部分不那么激进的改动保留发布为 ECMAScript 3.1，而ES4的内容，则延续到了后来的ECMAScript5和6版本中

  • 2009年12月，ECMAScript 5 发布。

  • 2011年6月，ECMAScript 5.1 发布。

  • 2015年6月，ECMAScript 6，也就是 ECMAScript 2015 发布了。 并且从 ECMAScript 6 开始，开始采用年号来做版本。即 ECMAScript 2015，就是ECMAScript6。

4.3.ES5和6的一些新特性

我们这里只把一些常用的进行学习，更详细的大家参考：阮一峰的ES6教程

4.3.1.let 和 const 命令

var

之前，js定义变量只有一个关键字：var

var有一个问题，就是定义的变量有时会莫名奇妙的成为全局变量。

例如这样的一段代码：

for(var i = 0; i < 5; i++){
    console.log(i);
}
console.log("循环外：" + i)

你猜下打印的结果是什么？

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IwAKsIpw-1577523078742)(assets/1526107278999.png)]

let

let所声明的变量，只在let命令所在的代码块内有效。

我们把刚才的var改成let试试：

for(let i = 0; i < 5; i++){
    console.log(i);
}
console.log("循环外：" + i)

结果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GK0NN7wk-1577523078743)(assets/1526107347275.png)]

const

const声明的变量是常量，不能被修改

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HbuaFma1-1577523078743)(assets/1526107425000.png)]

4.3.2.字符串扩展

新的API

ES6为字符串扩展了几个新的API：

  • includes()：返回布尔值，表示是否找到了参数字符串。
  • startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
  • endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。

实验一下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SNiHc1w8-1577523078743)(assets/1526107640349.png)]

字符串模板

ES6中提供了`来作为字符串模板标记。我们可以这么玩：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EhGRX08g-1577523078744)(assets/1526108070980.png)]

在两个`之间的部分都会被作为字符串的值，不管你任意换行，甚至加入js脚本

键盘是的1的左侧，tab的上侧，esc的正下方

4.3.3.解构表达式

数组解构

比如有一个数组：

let arr = [1,2,3]

我想获取其中的值，只能通过角标。ES6可以这样：

const [x,y,z] = arr;// x，y，z将与arr中的每个位置对应来取值
// 然后打印
console.log(x,y,z);

结果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MPyHNfSd-1577523078744)(assets/1526109778368.png)]

对象解构

例如有个person对象：

const person = {
    name:"jack",
    age:21,
    language: ['java','js','css']
}

我们可以这么做：

// 解构表达式获取值
const {name,age,language} = person;
// 打印
console.log(name);
console.log(age);
console.log(language);

结果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-si3J85gO-1577523078745)(assets/1526109984544.png)]

如过想要用其它变量接收，需要额外指定别名：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lUZOj2Dz-1577523078745)(assets/1526110159450.png)]

  • {name:n}：name是person中的属性名，冒号后面的n是解构后要赋值给的变量。

4.3.4.函数优化

函数参数默认值

在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法：

    function add(a , b) {
        // 判断b是否为空，为空就给默认值1
        b = b || 1;
        return a + b;
    }
    // 传一个参数
    console.log(add(10));

现在可以这么写：

function add(a , b = 1) {
    return a + b;
}
// 传一个参数
console.log(add(10));

箭头函数

ES6中定义函数的简写方式：

一个参数时：

var print = function (obj) {
    console.log(obj);
}
// 简写为：
var print2 = obj => console.log(obj);

多个参数：

// 两个参数的情况：
var sum = function (a , b) {
    return a + b;
}
// 简写为：
var sum2 = (a,b) => a+b;

代码不止一行，可以用{}括起来

var sum3 = (a,b) => {
    return a + b;
}

对象的函数属性简写

比如一个Person对象，里面有eat方法：

let person = {
    name: "jack",
    // 以前：
    eat: function (food) {
        console.log(this.name + "在吃" + food);
    },
    // 箭头函数版：
    eat2: food => console.log(person.name + "在吃" + food),// 这里拿不到this
    // 简写版：
    eat3(food){
        console.log(this.name + "在吃" + food);
    }
}

箭头函数结合解构表达式

比如有一个函数：

const person = {
    name:"jack",
    age:21,
    language: ['java','js','css']
}

function hello(person) {
    console.log("hello," + person.name)
}

如果用箭头函数和解构表达式

var hi = ({name}) =>  console.log("hello," + name);

4.3.5.map和reduce

数组中新增了map和reduce方法。

map

map()：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。

举例：有一个字符串数组，我们希望转为int数组

let arr = ['1','20','-5','3'];
console.log(arr)

arr = arr.map(s => parseInt(s));

console.log(arr)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wtpqF5g4-1577523078746)(assets/1526110796839.png)]

reduce

reduce()：接收一个函数（必须）和一个初始值（可选），该函数接收两个参数：

  • 第一个参数是上一次reduce处理的结果
  • 第二个参数是数组中要处理的下一个元素

reduce()会从左到右依次把数组中的元素用reduce处理，并把处理的结果作为下次reduce的第一个参数。如果是第一次，会把前两个元素作为计算参数，或者把用户指定的初始值作为起始参数

举例：

const arr = [1,20,-5,3]

没有初始值：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GYpub7lU-1577523078746)(assets/1526111537204.png)]

指定初始值：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fnRe16WQ-1577523078747)(assets/1526111580742.png)]

4.3.6.promise

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。

感觉跟java的Future类很像啊，有木有！

我们可以通过Promise的构造函数来创建Promise对象，并在内部封装一个异步执行的结果。

语法：

const promise = new Promise(function(resolve, reject) {
  // ... 执行异步操作

  if (/* 异步操作成功 */){
    resolve(value);// 调用resolve，代表Promise将返回成功的结果
  } else {
    reject(error);// 调用reject，代表Promise会返回失败结果
  }
});

这样，在promise中就封装了一段异步执行的结果。

如果我们想要等待异步执行完成，做一些事情，我们可以通过promise的then方法来实现,语法：

promise.then(function(value){
    // 异步执行成功后的回调
});

如果想要处理promise异步执行失败的事件，还可以跟上catch：

promise.then(function(value){
    // 异步执行成功后的回调
}).catch(function(error){
    // 异步执行失败后的回调
})

示例：

const p = new Promise(function (resolve, reject) {
    // 这里我们用定时任务模拟异步
    setTimeout(() => {
        const num = Math.random();
        // 随机返回成功或失败
        if (num < 0.5) {
            resolve("成功！num:" + num)
        } else {
            reject("出错了！num:" + num)
        }
    }, 300)
})

// 调用promise
p.then(function (msg) {
    console.log(msg);
}).catch(function (msg) {
    console.log(msg);
})

结果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NxnGhcDF-1577523078747)(assets/1526113115887.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TwpelsBT-1577523078747)(assets/1526113140074.png)]

4.3.7.set和map（了解）

ES6提供了Set和Map的数据结构。

Set，本质与数组类似。不同在于Set中只能保存不同元素，如果元素相同会被忽略。跟java很像吧。

构造函数：

// Set构造函数可以接收一个数组或空
let set = new Set();
set.add(1);// [1]
// 接收数组
let set2 = new Set([2,3,4,5,5]);// 得到[2,3,4,5]

普通方法：

set.add(1);// 添加
set.clear();// 清空
set.delete(2);// 删除指定元素
set.has(2); // 判断是否存在
set.keys();// 返回所有key
set.values();// 返回所有值
set.entries();// 返回键值对集合
// 因为set没有键值对，所有其keys、values、entries方法返回值一样的。
set.size; // 元素个数。是属性，不是方法。

map，本质是与Object类似的结构。不同在于，Object强制规定key只能是字符串。而Map结构的key可以是任意对象。即：

  • object是 集合
  • map是集合

构造函数：

// map接收一个数组，数组中的元素是键值对数组
const map = new Map([
    ['key1','value1'],
    ['key2','value2'],
])
// 或者接收一个set
const set = new Set([
    ['key1','value1'],
    ['key2','value2'],
])
const map2 = new Map(set)
// 或者其它map
const map3 = new Map(map);

方法：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-n3iofUrE-1577523078748)(assets/1526114799767.png)]

4.3.8.模块化

4.3.8.1.什么是模块化

模块化就是把代码进行拆分，方便重复利用。类似java中的导包：要使用一个包，必须先导包。

而JS中没有包的概念，换来的是 模块。

模块功能主要由两个命令构成：export和import。

  • export命令用于规定模块的对外接口，
  • import命令用于导入其他模块提供的功能。

4.3.8.2.export

比如我定义一个js文件:hello.js，里面有一个对象：

const util = {
    sum(a,b){
        return a + b;
    }
}

我可以使用export将这个对象导出：

const util = {
    sum(a,b){
        return a + b;
    }
}
export util;

当然，也可以简写为：

export const util = {
    sum(a,b){
        return a + b;
    }
}

export不仅可以导出对象，一切JS变量都可以导出。比如：基本类型变量、函数、数组、对象。

当要导出多个值时，还可以简写。比如我有一个文件：user.js：

var name = "jack"
var age = 21
export {name,age}

省略名称

上面的导出代码中，都明确指定了导出的变量名，这样其它人在导入使用时就必须准确写出变量名，否则就会出错。

因此js提供了default关键字，可以对导出的变量名进行省略

例如：

// 无需声明对象的名字
export default {
	sum(a,b){
        return a + b;
    }
}

这样，当使用者导入时，可以任意起名字

4.3.8.3.import

使用export命令定义了模块的对外接口以后，其他 JS 文件就可以通过import命令加载这个模块。

例如我要使用上面导出的util：

// 导入util
import util from 'hello.js'
// 调用util中的属性
util.sum(1,2)

要批量导入前面导出的name和age：

import {name, age} from 'user.js'

console.log(name + " , 今年"+ age +"岁了")

但是上面的代码暂时无法测试，因为浏览器目前还不支持ES6 的导入和导出功能。除非借助于工具，把ES6 的语法进行编译降级到ES5，比如Babel-cli工具

我们暂时不做测试，大家了解即可。

4.3.9.对象扩展

ES6给Object拓展了许多新的方法，如：

  • keys(obj)：获取对象的所有key形成的数组
  • values(obj)：获取对象的所有value形成的数组
  • entries(obj)：获取对象的所有key和value形成的二维数组。格式：[[k1,v1],[k2,v2],...]
  • assian(dest, …src) ：将多个src对象的值 拷贝到 dest中（浅拷贝）。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U2dlx5yP-1577523078748)(assets/1527210872966.png)]

4.3.10.数组扩展

ES6给数组新增了许多方法：

  • find(callback)：把数组中的元素逐个传递给函数callback执行，如果返回true，则返回该元素
  • findIndex(callback)：与find类似，不过返回的是品牌到的元素的索引
    提供的功能。

4.3.8.2.export

比如我定义一个js文件:hello.js，里面有一个对象：

const util = {
    sum(a,b){
        return a + b;
    }
}

我可以使用export将这个对象导出：

const util = {
    sum(a,b){
        return a + b;
    }
}
export util;

当然，也可以简写为：

export const util = {
    sum(a,b){
        return a + b;
    }
}

export不仅可以导出对象，一切JS变量都可以导出。比如：基本类型变量、函数、数组、对象。

当要导出多个值时，还可以简写。比如我有一个文件：user.js：

var name = "jack"
var age = 21
export {name,age}

省略名称

上面的导出代码中，都明确指定了导出的变量名，这样其它人在导入使用时就必须准确写出变量名，否则就会出错。

因此js提供了default关键字，可以对导出的变量名进行省略

例如：

// 无需声明对象的名字
export default {
	sum(a,b){
        return a + b;
    }
}

这样，当使用者导入时，可以任意起名字

4.3.8.3.import

使用export命令定义了模块的对外接口以后，其他 JS 文件就可以通过import命令加载这个模块。

例如我要使用上面导出的util：

// 导入util
import util from 'hello.js'
// 调用util中的属性
util.sum(1,2)

要批量导入前面导出的name和age：

import {name, age} from 'user.js'

console.log(name + " , 今年"+ age +"岁了")

但是上面的代码暂时无法测试，因为浏览器目前还不支持ES6 的导入和导出功能。除非借助于工具，把ES6 的语法进行编译降级到ES5，比如Babel-cli工具

我们暂时不做测试，大家了解即可。

4.3.9.对象扩展

ES6给Object拓展了许多新的方法，如：

  • keys(obj)：获取对象的所有key形成的数组
  • values(obj)：获取对象的所有value形成的数组
  • entries(obj)：获取对象的所有key和value形成的二维数组。格式：[[k1,v1],[k2,v2],...]
  • assian(dest, …src) ：将多个src对象的值 拷贝到 dest中（浅拷贝）。

[外链图片转存中…(img-U2dlx5yP-1577523078748)]

4.3.10.数组扩展

ES6给数组新增了许多方法：

  • find(callback)：把数组中的元素逐个传递给函数callback执行，如果返回true，则返回该元素
  • findIndex(callback)：与find类似，不过返回的是品牌到的元素的索引
  • includes（callback）：与find类似，如果匹配到元素，则返回true，代表找到了。

你可能感兴趣的:(day04-乐优商城项目搭建)

  • uni-app开发微信小程序 hong161688 uni-app微信小程序小程序
    uni-app是一个使用Vue.js开发所有前端应用的框架，它支持编译到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/字节跳动/QQ/京东等）平台。使用uni-app开发微信小程序，可以充分利用Vue.js的开发效率和小程序平台的原生能力，实现跨平台的高效开发。以下将详细介绍使用uni-app开发微信小程序的全过程，包括项目搭建、开发、调试、测试及发布等环节，内容将尽量达到或超
  • 可对画面进行平台传输，实时查看监控的智慧交通开源了。 ai产品老杨 人工智能音视频安全开源vue.js
    智慧交通视觉监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。用户只需在界面上进行简单的操作，就可以实现全视频的接入及布控。项目搭建地址项目开源地址：yihecode-server本项目基于ai场景而开发，提供算法模型管理、摄像头管理、告警管理、数
  • springboot自动装配和统一配置分析 DEARM LINER springbootjava后端
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言spring项目搭建1、idea创建maven项目，pom文件引入springboot依赖2、创建启动类1、自动装配1.1、@SpringBootApplication1.2、SpringApplication.run()2、统一配置管理1、SpringApplication.run()，找到相关的配置文件，加入解析到到e
  • 教你快速搭建微服务环境 糖心何包蛋· 微服务javaspringboot
    目录一、项目搭建1.父项目搭建2.子项目的搭建二、项目展示一、项目搭建1.父项目搭建步骤：1选择maven项目作为父项目，修改为1.8之后直接点击next2定义父项目的名称，修改ArtifctCoordinates--->GroupId然后点击finsh就可以啦3修改pom.xml1选择maven项目作为父项目，修改为1.8之后直接点击next2定义父项目的名称，修改ArtifctCoordina
  • 无需更换摄像头，无需施工改造，降低智能化升级成本的智慧工业开源了 AI服务老曹 开源人工智能大数据物联网
    智慧工业视觉监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。用户只需在界面上进行简单的操作，就可以实现全视频的接入及布控。项目搭建地址项目开源地址：yihecode-server本项目基于ai场景而开发，提供算法模型管理、摄像头管理、告警管理、数
  • Day04-线性代数-特征值和特征向量(DataWhale) liying_tt 数学基础线性代数
    七、特征值和特征向量AAA是n阶方阵，数λ\lambdaλ，若存在非零列向量α⃗\vec{\alpha}α，使得Aα⃗=λα⃗A\vec{\alpha}=\lambda\vec{\alpha}Aα=λα，则λ\lambdaλ是特征值，α⃗\vec{\alpha}α是对应于λ\lambdaλ的特征向量λ\lambdaλ可以为0α⃗\vec{\alpha}α不能为0⃗\vec{0}0，且为列向量Aα⃗
  • JavaEE(3) 无柳丶先生 java-eejava
    业务分析市场提出需求设计编码测试运维项目搭建步骤1.搭建后端项目2.登录向后端发送请求使用axios发送异步请求在vue项目中安装axios在终端输入npminstallaxios安装更换npm镜像源，可参考下面的博客【npm】npm镜像源切换合集_npm镜像-CSDN博客3.登录成功后，在前端获取到后端响应的信息前端存储用户信息1.sessionStorage.setItem("","");会话
  • 提高检测标准，避免客制化生产下 人工有可能存在的工作疏漏的智慧园区开源了。 AI服务老曹 开源人工智能大数据物联网智慧城市
    智慧园区场景视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。用户只需在界面上进行简单的操作，就可以实现全视频的接入及布控。项目搭建地址基础项目搭建地址：yihecode-server:本项目基于ai场景而开发，提供算法模型管理、摄像头管理、告
  • 可定制化内容具体识别事物，多方位同时监管的智慧快消开源了 AI服务老曹 开源智慧城市大数据人工智能
    智慧快消视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。国产化人工智能“产学研用”一体化创新模式在行业的建立，将大大提升当地政府人工智能形象。用户只需在界面上进行简单的操作，就可以实现全视频的接入及布控。项目搭建地址基础项目搭建地址：yihe
  • 项目搭建使用qiankun（乾坤），入门篇，以及遇到的坑与解决 喂！大掌柜 前端vuevue.js前端框架
    微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略独立运行时每个微应用之间状态隔离，运行时状态不共享第一步：一个系统里面分主应用和子应用在
  • go-zero单体服务使用泛型简化注册Handler路由 qq_43479892 pythongolang开发语言后端计算机
    优质资源分享学习路线指引（点击解锁）知识定位人群定位Python实战微信订餐小程序进阶级本课程是pythonflask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。Python量化交易实战入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统一、Golang环境安装及配置GoModulehttps://go-zero.dev/cn/docs/prepare/go
  • 可定制化内容具体识别事物，多方位同时监管的智慧快消开源了。 ai产品老杨 vue.js人工智能前端javascript音视频
    智慧快消视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。国产化人工智能“产学研用”一体化创新模式在行业的建立，将大大提升当地政府人工智能形象。用户只需在界面上进行简单的操作，就可以实现全视频的接入及布控。项目搭建地址基础项目搭建地址：yihe
  • python graphql_django使用graphql的实例 weixin_39921224 pythongraphql
    一、开发环境1、python3.63、window10二、项目搭建1、创建一个虚拟空间mkvirtualenv空间名2、创建一个django项目3、安装graphql的依赖包pipinstallgraphene-django4、创建一个组件blog5、把组件blog及graphene_django注入到app中6、在settings.py中配置mysql数据库连接三、书写blog的内容1、在mod
  • Docker 部署 Nacos Spring Cloud 雨夜星空丶月 学习springcloudalibaba
    记录学习的每一小步Docker部署NacosSpringClouddockerpullNacos镜像及启动容器项目配置调整容器内访问ip调整生成jar,编写dockerfile，下载JDK镜像文件。接下来就可以看下启动情况了。如有异常Docker部署NacosSpringCloud项目搭建可以参考上一篇SpringCloud+Nacos学习记录.dockerpullNacos镜像及启动容器dock
  • 【Spring Boot进阶】掌握Spring Boot框架核心注解：从入门到精通（实战指南） 无理 Java #Javaspringboot后端javaspring注解框架面试
    文章目录SpringBoot注解大全：深入理解与实践引言第一部分：基础知识1.SpringBoot和Java注解简介2.SpringBoot项目搭建第二部分：核心注解详解3.@SpringBootApplication4.@Component,@Service,@Repository,@Controller,@RestController5.@Autowired6.@Bean7.@Configur
  • 【实用工具】使用Chrome插件搭建第二大脑！SuperMemory大语言模型登场，开源、免费、保存你需要的所有网站！——含入门安装教程 心若为城 chrome语言模型前端人工智能github深度学习gpt-3
    文章目录项目简介项目搭建主要功能HowdoIusethis?本地部署项目简介最近，有一款Github项目十分火爆，它专注于用超级内存打造自己的第二大脑。它是书签的ChatGPT，基于Chrome浏览器扩展导入推文或保存网站和内容，你可以访问官网来获得更多英文的信息。下面是原项目作者的一段吐槽：(翻译)是这样的，我和@yxshv在互联网上保存了很多内容。Twitter书签、网站、片段等。但我们从不回
  • Spring Cloud微服务项目聚合Swagger文档 洛*璃 springcloud微服务javaSwaggerKnife4jgateway
    在微服务架构中，每个服务通常都有自己独立的API文档。为了方便管理和查看所有服务的接口文档，我们需要将这些文档进行聚合。SpringCloud与Swagger的结合可以帮助我们实现这一目标。本文将介绍如何在SpringCloud微服务项目中聚合Swagger文档，以便于集中查看和管理。1.前置条件在开始本文之前，博主希望你已经完成微服务项目的搭建：微服务项目搭建请参考：SpringCloud微服务
  • FastApi快速构建一个web项目 kujirashark fastapi前端python
    FastApi快速构建一个web项目已经使用FastApi很久了。这个一个非常优秀的框架。和flask一样能够快速构建一个web服务。开发效率非常之高。今天我一个Demo来介绍一下这个框架的使用。供大家学习参考。项目介绍本项目主要介绍fastapi快速编写web服务，通过案例分别介绍项目搭建,接口编写,文档生成,模板渲染,excel读取,镜像部署等项目中常见的问题。项目目录构成datalearni
  • day04-算法热题10题 枫吹过的柚 算法
    LeetCode热题Hot10075.颜色分类classSolution{publicvoidsortColors(int[]nums){intlastZero=-1,firstTwo=nums.length;intcurr=0;while(currht=newHashMaphs=newHashMap>pathList=newLinkedListpath=newLinkedList>subsets
  • vue + nginx 前端项目的线上服务部署 多久以后_Mr
    根据上篇文章基本就差不多了一下为自己在项目搭建中实际操作在项目部署过程中一定会遇到代理问题（解决原理都是一个套路）vue项目在本地开发过程中解决跨越是在config.js中解决的（如下）但是在线上项目中依旧会有跨域的问题出现所有要在nginx.config里进行配置进行代理配置proxy_pass的路径就是你本地路径重启一下nginx基本就行了
  • vue3.0+ts+element-plus多页签应用模板：多级路由缓存 W先生-SirW vuetypescript
    目录系列文章一、先说点啥1.为啥需要路由缓存？2.怎么实现路由缓存？二、路由扁平化三、定义tag模块处理路由缓存四、切换路由时加入缓存五、使用keep-alive系列文章vue3.0+ts+element-plus多页签应用模板：前言vue3.0+ts+element-plus多页签应用模板：项目搭建vue3.0+ts+element-plus多页签应用模板：vue-router与vuexvue3
  • 详细教程！VMware Workstation Pro16 安装 + 创建 win7 虚拟机！ 明月与玄武 VMwarePro16
    嚯嚯嚯，很多宝子都想拥有自己不同的操作系统环境，用于学习或项目搭建。买服务器费钱，虚拟机则成为了一个很好的选择。本文详细介绍VMwareWorkstationPro16安装及win7虚拟机创建，保姆级教程奉上！前言一、准备工作VMwareWorkstationPro16官网下载：https://customerconnect.vmware.com/cn/downloads/info/slug/de
  • TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建 随风小薇 vuetypescriptjavascriptpinia
    1.TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建1.1使用Vite初始化Vue3+TypeScript项目开发Vue3项目首先要确保电脑上安装了Vite脚手架，本节课程略过Vite脚手架的介绍。在命令行工具中初始化Vite项目，代码如下：npminitvite接下来选择项目搭配，项目命名为vite-test，技术框架选择vue框架，如下：✔Projectnam
  • vue3+ts项目搭建 蒾酒 vue3实战vue3前端vue.js前端typescriptelementuiajax
    ⛰️个人主页:蒾酒系列专栏：《vue3实战》山高路远，行路漫漫，终有归途。目录前置条件基础工程模板搭建测试环境变量是否配置成功初始化vue项目安装常用依赖基础项目目录介绍前置条件请确保已经装好node，并配置好环境变量下载地址：Node.js—Download(nodejs.org)https://nodejs.org/en/download基础工程模板搭建测试环境变量是否配置成功查看版本命令打印
  • 乐优商城（六）ElasticSearch搜索二 you4580 elasticsearch大数据搜索引擎
    1.索引库数据导入之前我们学习了Elasticsearch的基本应用。今天就学以致用，搭建搜索微服务，实现搜索功能。1.1.创建搜索服务创建module：Pom文件：leyoucom.leyou.parent1.0.0-SNAPSHOT4.0.0com.leyou.searchleyou-search1.0.0-SNAPSHOTorg.springframework.bootspring-boot
  • 基于SpringBoot+Dubbo构建的电商平台-微服务架构、商城、电商、微服务、高并发、kafka、Elasticsearc+源代码+文档说明 ldxxxxll 架构springbootdubbo
    文章目录项目用到的技术前端使用的技术后端使用的技术项目模块说明项目搭建方式项目开发进度源码下载地址项目基于springboot2.1.6.RELEASE+Dubbo2.7.3来构建微服务。业务模块划分，尽量贴合互联网公司的架构体系。所以，除了业务本身的复杂度不是很高之外，整体的架构基本和实际架构相差无几。但实际上，真实的生产级的项目由于用户量以及业务的复杂度，会变得非常复杂。所以我们会让更多的人参
  • Spring+SpringMVC+mybatis+5.7MySQL项目搭建 凤麟居士 javassm5.7mysqlssm
    SSM+5.7MySQL项目搭建1.创建maven项目2.配置项目3.配置SpringMVC4.引入log4j.properties5.测试springMVC6.引入mybatis7.测试mybatis1.创建maven项目jdk环境1.8使用IDE创建maven项目,这里选用官网上的STS选择创建web项目定义号groupid和artifactid之后点击finish即可2.配置项目单机建好的项
  • nvm对node版本进行管理及疑难解决，vue项目搭建与启动 徒手千行代码无bug 前端vue.js前端javascript
    一、nvm安装与node版本管理nvm安装1、nvm地址：https://github.com/coreybutler/nvm-windows/releases2、无需配置安装包，nvm-setup-v1.1.10.zip解压后双击nvm-setup.exe，选择安装路径，一路next即可打开dos窗口输入nvmversion查看安装是否成功node版本管理1、nvm可配置国内镜像在nvm安装路径
  • SpringIOC之support模块ResourceBundleMessageSource 卡布奇诺-海晨 Spring家族及微服务系列javaspring
    博主介绍：✌全网粉丝5W+，全栈开发工程师，从事多年软件开发，在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目，可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有un
  • Vue2+Echarts+koa2+websocket电商平台数据可视化实时检测系统后端项目搭建（二） 三月的一天 前端工程化echartswebsocket前端node.jskoa
    1.KOA2——基于Node.js平台的Web服务器框架由Express原班人马打造ExpressKoa,Koa2都是Web服务器的框架,他们之间的差别和关系可以通过下面这个表格表示出框架名作用异步处理Expressweb框架回调函数Koaweb框架Generator+yieldKoa2web框架async/await环境依赖Nodev7.6.0及以上由于Koa2它是支持async和await，所
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!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/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他