Artwalker
Artwalker

Day17_购物车

学于黑马和传智播客联合做的教学项目 感谢
黑马官网
传智播客官网
微信搜索"艺术行者"，关注并回复关键词"乐优商城"获取视频和教程资料！
b站在线视频
注：实验并没有完全成功，登陆后，点击加入购物车，不知道为什么不跳转，找不到bug，其次浏览器中的TOKEN名称为TOKNEN，应该是TOKEN，但是代码中都改为TOKEN，浏览器中还是TOKNEN，故将代码中的TOKEN改为TOKNEN。

0.学习目标

1.实现未登录状态的购物车

2.实现登陆状态下的购物车

1.搭建购物车服务

1.1.创建module

Day17_购物车_第1张图片

Day17_购物车_第2张图片

1.2.pom依赖



    
        leyou
        com.leyou.parent
        1.0.0-SNAPSHOT
    
    4.0.0

    com.leyou.service
    ly-cart
    1.0.0-SNAPSHOT

    
        
            org.springframework.boot
            spring-boot-starter-web
        
        
            org.springframework.cloud
            spring-cloud-starter-netflix-eureka-client
        
        
            org.springframework.cloud
            spring-cloud-starter-openfeign
        
        
            org.springframework.boot
            spring-boot-starter-data-redis

1.3.配置文件

server:
  port: 8088
spring:
  application:
    name: cart-service
  redis:
    host: 192.168.56.101
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:10086/eureka
    registry-fetch-interval-seconds: 10
  instance:
    lease-renewal-interval-in-seconds: 5
    lease-expiration-duration-in-seconds: 15

1.4.启动类

@SpringBootApplication
@EnableDiscoveryClient
@EnableFeignClients
public class LeyouCartApplication {

    public static void main(String[] args) {
        SpringApplication.run(LeyouCartApplication.class, args);
    }
}

2.购物车功能分析

2.1.需求

需求描述：

  • 用户可以在登录状态下将商品添加到购物车
    • 放入数据库
    • mongodb
    • 放入redis（采用）
  • 用户可以在未登录状态下将商品添加到购物车
    • 放入localstorage
    • cookie
    • webSQL
  • 用户可以使用购物车一起结算下单
  • 用户可以查询自己的购物车
  • 用户可以在购物车中修改购买商品的数量。
  • 用户可以在购物车中删除商品。
  • 提示购物车商品价格变化

2.2.流程图

Day17_购物车_第3张图片

这幅图主要描述了两个功能：新增商品到购物车、查询购物车。

新增商品：

  • 判断是否登录
    • 是：则添加商品到后台Redis中
    • 否：则添加商品到本地的Localstorage

无论哪种新增，完成后都需要查询购物车列表：

  • 判断是否登录
    • 否：直接查询localstorage中数据并展示
    • 是：已登录，则需要先看本地是否有数据，
      • 有：需要提交到后台添加到redis，合并数据，而后查询
      • 否：直接去后台查询redis，而后返回

3.未登录购物车

3.1.准备

3.1.1购物车的数据结构

首先分析一下未登录购物车的数据结构。

我们看下页面展示需要什么数据：

Day17_购物车_第4张图片

因此每一个购物车信息，都是一个对象，包含：

{
    skuId:2131241,
    title:"小米6",
    image:"",
    price:190000,
    num:1,
    ownSpec:"{"机身颜色":"陶瓷黑尊享版","内存":"6GB","机身存储":"128GB"}"
}

另外，购物车中不止一条数据，因此最终会是对象的数组。即：

[
    {...},{...},{...}
]

3.1.2.web本地存储

知道了数据结构，下一个问题，就是如何保存购物车数据。前面我们分析过，可以使用Localstorage来实现。Localstorage是web本地存储的一种，那么，什么是web本地存储呢？

什么是web本地存储？

Day17_购物车_第5张图片

web本地存储主要有两种方式：

  • LocalStorage：localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
  • SessionStorage：sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

LocalStorage的用法

语法非常简单：

Day17_购物车_第6张图片

localStorage.setItem("key","value"); // 存储数据
localStorage.getItem("key"); // 获取数据
localStorage.removeItem("key"); // 删除数据

注意：localStorage和SessionStorage都只能保存字符串。

不过，在我们的common.js中，已经对localStorage进行了简单的封装：

Day17_购物车_第7张图片

示例：

Day17_购物车_第8张图片

3.1.3.获取num

添加购物车需要知道购物的数量，所以我们需要获取数量大小。我们在Vue中定义num(web模块下的Item.html)，保存数量：

Day17_购物车_第9张图片

然后将num与页面的input框绑定，同时给+和-的按钮绑定事件：

Day17_购物车_第10张图片

编写方法：

Day17_购物车_第11张图片

3.2.添加购物车

3.2.1.点击事件

我们看下商品详情页：

Day17_购物车_第12张图片

现在点击加入购物车会跳转到购物车成功页面。

不过我们不这么做，我们绑定点击事件，然后实现添加购物车功能。

Day17_购物车_第13张图片

把href=“#”删掉，不然就跳转到#

addCart方法中判断用户的登录状态：

addCart(){
   ly.verifyUser().then(res=>{
        // 已登录发送信息到后台，保存到redis中

    }).catch(()=>{
       // 未登录保存在浏览器本地的localStorage中
   })
}

3.2.2.获取数量，添加购物车

addCart(){
    ly.verifyUser().then(res=>{
        // 已登录发送信息到后台，保存到redis中

    }).catch(()=>{
        // 未登录保存在浏览器本地的localStorage中
        // 1、查询本地购物车
        let carts = ly.store.get("carts") || [];
        let cart = carts.find(c=>c.skuId===this.sku.id);
        // 2、判断是否存在
        if (cart) {
            // 3、存在更新数量
            cart.num += this.num;
        } else {
            // 4、不存在，新增
            cart = {
                skuId: this.sku.id,
                title: this.sku.title,
                price: this.sku.price,
                image: this.sku.images,
                num: this.num,
                ownSpec: this.ownSpec
            }
            carts.push(cart);
        }
        // 把carts写回localstorage
        ly.store.set("carts", carts);
        // 跳转
        window.location.href = "http://www.leyou.com/cart.html";
    });
}

结果：

Day17_购物车_第14张图片

添加完成后，页面会跳转到购物车结算页面：cart.html

3.3.查询购物车

3.3.1.校验用户登录

因为会多次校验用户登录状态，因此我们封装一个校验的方法：

在common.js中：

Day17_购物车_第15张图片

在页面item.html中使用该方法：

Day17_购物车_第16张图片

3.3.2.查询购物车

页面加载时，就应该去查询购物车。

var cartVm = new Vue({
    el: "#cartApp",
    data: {
        ly,
        carts: [],// 购物车数据
    },
    created() {
        this.loadCarts();
    },
    methods: {
        loadCarts() {
            // 先判断登录状态
            ly.verifyUser().then(() => {
                    // 已登录

                }).catch(() => {
                    // 未登录
                    this.carts = ly.store.get("carts") || [];
                    this.selected = this.carts;
                })
           }
    },
    components: {
        shortcut: () => import("/js/pages/shortcut.js")
    }
})

刷新页面，查看控制台Vue实例：

Day17_购物车_第17张图片

3.5.2.渲染到页面

接下来，我们在页面中展示carts的数据：

Day17_购物车_第18张图片

要注意，价格的展示需要进行格式化，这里使用的是我们在common.js中定义的formatPrice方法

效果：

Day17_购物车_第19张图片

并没有获取到ownSpec，卡了很长时间，所以做得时候应该把这块注释掉

Day17_购物车_第20张图片

3.6.修改数量

我们给页面的 + 和 -绑定点击事件，修改num 的值：

Day17_购物车_第21张图片

两个事件：

    increment(c) {
        c.num++;
        ly.verifyUser().then(() => {
            // TODO 已登录，向后台发起请求
        }).catch(() => {
            // 未登录，直接操作本地数据
            ly.store.set("carts", this.carts);
        })
    },
    decrement(c) {
        if (c.num <= 1) {
            return;
        }
        c.num--;
        ly.verifyUser().then(() => {
            // TODO 已登录，向后台发起请求
        }).catch(() => {
            // 未登录，直接操作本地数据
            ly.store.set("carts", this.carts);
        })
    }

3.7.删除商品

给删除按钮绑定事件：

Day17_购物车_第22张图片

点击事件中删除商品：

deleteCart(i){
    ly.verifyUser().then(res=>{
        // TODO，已登录购物车
    }).catch(()=>{
        // 未登录购物车
        this.carts.splice(i, 1);
        ly.store.set("carts", this.carts);
    })
}

3.8.选中商品

在页面中，每个购物车商品左侧，都有一个复选框，用户可以选择部分商品进行下单，而不一定是全部：

Day17_购物车_第23张图片

我们定义一个变量，记录所有被选中的商品：

Day17_购物车_第24张图片

3.8.1.选中一个

我们给商品前面的复选框与selected绑定，并且指定其值为当前购物车商品：

Day17_购物车_第25张图片

3.8.2.初始化全选

我们在加载完成购物车查询后，初始化全选：

Day17_购物车_第26张图片

3.8.3.总价格

然后编写一个计算属性，计算出选中商品总价格：

computed: {
    totalPrice() {
        return ly.formatPrice(this.selected.reduce((c1, c2) => c1 + c2.num * c2.price, 0));
    }
}

在页面中展示总价格：

Day17_购物车_第27张图片

效果：

Day17_购物车_第28张图片

4.已登录购物车

接下来，我们完成已登录购物车。

在刚才的未登录购物车编写时，我们已经预留好了编写代码的位置，逻辑也基本一致。

4.1.添加登录校验

购物车系统只负责登录状态的购物车处理，因此需要添加登录校验，我们通过JWT鉴权即可实现。

4.1.1.引入JWT相关依赖

我们引入之前写的鉴权工具：leyou-auth-common


    com.leyou.auth
    leyou-auth-common
    1.0.0-SNAPSHOT

4.1.2.配置公钥

leyou:
  jwt:
    pubKeyPath: C:/tmp/rsa/rsa.pub # 公钥地址
    cookieName: LY_TOKEN # cookie的名称

4.1.3.加载公钥

Day17_购物车_第29张图片

代码：

@ConfigurationProperties(prefix = "leyou.jwt")
public class JwtProperties {

    private String pubKeyPath;// 公钥

    private PublicKey publicKey; // 公钥

    private String cookieName;

    private static final Logger logger = LoggerFactory.getLogger(JwtProperties.class);

    @PostConstruct
    public void init(){
        try {
            // 获取公钥和私钥
            this.publicKey = RsaUtils.getPublicKey(pubKeyPath);
        } catch (Exception e) {
            logger.error("初始化公钥失败！", e);
            throw new RuntimeException();
        }
    }

   	// getter/setter......
}

4.1.4.编写拦截器

因为很多接口都需要进行登录，我们直接编写SpringMVC拦截器，进行统一登录校验。同时，我们还要把解析得到的用户信息保存起来，以便后续的接口可以使用。

Day17_购物车_第30张图片

代码：

@Component
@EnableConfigurationProperties(JwtProperties.class)
public class LoginInterceptor extends HandlerInterceptorAdapter {

  	@Autowired
    private JwtProperties jwtProperties;

    // 定义一个线程域，存放登录用户
    private static final ThreadLocal tl = new ThreadLocal<>();

    public LoginInterceptor(JwtProperties jwtProperties) {
        this.jwtProperties = jwtProperties;
    }

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        // 查询token
        String token = CookieUtils.getCookieValue(request, "LY_TOKEN");
        if (StringUtils.isBlank(token)) {
            // 未登录,返回401
            response.setStatus(HttpStatus.UNAUTHORIZED.value());
            return false;
        }
        // 有token，查询用户信息
        try {
            // 解析成功，证明已经登录
            UserInfo user = JwtUtils.getInfoFromToken(token, jwtProperties.getPublicKey());
            // 放入线程域
            tl.set(user);
            return true;
        } catch (Exception e){
            // 抛出异常，证明未登录,返回401
            response.setStatus(HttpStatus.UNAUTHORIZED.value());
            return false;
        }

    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        tl.remove();
    }

    public static UserInfo getLoginUser() {
        return tl.get();
    }
}

注意：

  • 这里我们使用了ThreadLocal来存储查询到的用户信息，线程内共享，因此请求到达Controller后可以共享User
  • 并且对外提供了静态的方法：getLoginUser()来获取User信息

4.1.5.配置拦截器

配置SpringMVC，使过滤器生效：

Day17_购物车_第31张图片

@Configuration
@EnableConfigurationProperties(JwtProperties.class)
public class MvcConfig implements WebMvcConfigurer {

    @Autowired
    private JwtProperties jwtProperties;

    @Bean
    public LoginInterceptor loginInterceptor() {
        return new LoginInterceptor(jwtProperties);
    }

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(loginInterceptor()).addPathPatterns("/**");
    }
}

4.2.后台购物车设计

当用户登录时，我们需要把购物车数据保存到后台，可以选择保存在数据库。但是购物车是一个读写频率很高的数据。因此我们这里选择读写效率比较高的Redis作为购物车存储。

Redis有5种不同数据结构，这里选择哪一种比较合适呢？Map

  • 首先不同用户应该有独立的购物车，因此购物车应该以用户的作为key来存储，Value是用户的所有购物车信息。这样看来基本的k-v结构就可以了。
  • 但是，我们对购物车中的商品进行增、删、改操作，基本都需要根据商品id进行判断，为了方便后期处理，我们的购物车也应该是k-v结构，key是商品id，value才是这个商品的购物车信息。

综上所述，我们的购物车结构是一个双层Map：Map>

  • 第一层Map，Key是用户id
  • 第二层Map，Key是购物车中商品id，值是购物车数据

实体类：

public class Cart {
    private Long userId;// 用户id
    private Long skuId;// 商品id
    private String title;// 标题
    private String image;// 图片
    private Long price;// 加入购物车时的价格
    private Integer num;// 购买数量
    private String ownSpec;// 商品规格参数

    //getter/settet....
}

4.3.添加商品到购物车

4.3.1.页面发起请求

已登录情况下，向后台添加购物车：

Day17_购物车_第32张图片

ly.http.post("/cart", {skuId: this.sku.id, num: this.num}).then(res=>{
    window.location = "http://www.leyou.com/cart.html";
})

这里发起的是Json请求。那么我们后台也要以json接收。

4.3.2.编写controller

先分析一下：

  • 请求方式：新增，肯定是Post
  • 请求路径：/cart ，这个其实是Zuul路由的路径，我们可以不管
  • 请求参数：Json对象，包含skuId和num属性
  • 返回结果：无
@Controller
public class CartController {

    @Autowired
    private CartService cartService;

    /**
     * 添加购物车
     *
     * @return
     */
    @PostMapping
    public ResponseEntity addCart(@RequestBody Cart cart) {
        this.cartService.addCart(cart);
        return ResponseEntity.ok().build();
    }
}

在leyou-gateway中添加路由配置：

Day17_购物车_第33张图片

4.3.3.CartService

这里我们不访问数据库，而是直接操作Redis。基本思路：

  • 先查询之前的购物车数据
  • 判断要添加的商品是否存在
    • 存在：则直接修改数量后写回Redis
    • 不存在：新建一条数据，然后写入Redis

代码：

@Service
public class CartService {

    @Autowired
    private StringRedisTemplate redisTemplate;

    @Autowired
    private GoodsClient goodsClient;

    static final String KEY_PREFIX = "leyou:cart:uid:";

    static final Logger logger = LoggerFactory.getLogger(CartService.class);

    public void addCart(Cart cart) {
        // 获取登录用户
        UserInfo user = LoginInterceptor.getLoginUser();
        // Redis的key
        String key = KEY_PREFIX + user.getId();
        // 获取hash操作对象
        BoundHashOperations hashOps = this.redisTemplate.boundHashOps(key);
        // 查询是否存在
        Long skuId = cart.getSkuId();
        Integer num = cart.getNum();
        Boolean boo = hashOps.hasKey(skuId.toString());
        if (boo) {
            // 存在，获取购物车数据
            String json = hashOps.get(skuId.toString()).toString();
            cart = JsonUtils.parse(json, Cart.class);
            // 修改购物车数量
            cart.setNum(cart.getNum() + num);
        } else {
            // 不存在，新增购物车数据
            cart.setUserId(user.getId());
            // 其它商品信息，需要查询商品服务
            Sku sku = this.goodsClient.querySkuById(skuId);
            cart.setImage(StringUtils.isBlank(sku.getImages()) ? "" : StringUtils.split(sku.getImages(), ",")[0]);
            cart.setPrice(sku.getPrice());
            cart.setTitle(sku.getTitle());
            cart.setOwnSpec(sku.getOwnSpec());
        }
        // 将购物车数据写入redis
        hashOps.put(cart.getSkuId().toString(), JsonUtils.serialize(cart));
    }
}

需要引入leyou-item-interface依赖：


    com.leyou.item
    leyou-item-interface
    1.0.0-SNAPSHOT

4.3.4.GoodClient

参照搜索工程，添加GoodClient，提供根据id查询sku的接口：

Day17_购物车_第34张图片

@FeignClient("item-service")
public interface GoodsClient extends GoodsApi {
}

在leyou-item-service中的GoodsController添加方法：

@GetMapping("sku/{id}")
public ResponseEntity querySkuById(@PathVariable("id")Long id){
    Sku sku = this.goodsService.querySkuById(id);
    if (sku == null){
        return new ResponseEntity<>(HttpStatus.NOT_FOUND);
    }
    return ResponseEntity.ok(sku);
}

在leyou-item-service中的GoodsService添加方法：

public Sku querySkuById(Long id) {
    return this.skuMapper.selectByPrimaryKey(id);
}

在leyou-item-interface中的GoodsApi添加：

@GetMapping("sku/{id}")
public Sku querySkuById(@PathVariable("id")Long id);

4.3.5.结果

Day17_购物车_第35张图片

4.4.查询购物车

4.4.1.页面发起请求

购物车页面：cart.html

Day17_购物车_第36张图片

4.4.2.后台实现

Controller

/**
 * 查询购物车列表
 *
 * @return
 */
@GetMapping
public ResponseEntity> queryCartList() {
    List carts = this.cartService.queryCartList();
    if (carts == null) {
        return ResponseEntity.status(HttpStatus.NOT_FOUND).body(null);
    }
    return ResponseEntity.ok(carts);
}

Service

public List queryCartList() {
    // 获取登录用户
    UserInfo user = LoginInterceptor.getLoginUser();

    // 判断是否存在购物车
    String key = KEY_PREFIX + user.getId();
    if(!this.redisTemplate.hasKey(key)){
        // 不存在，直接返回
        return null;
    }
    BoundHashOperations hashOps = this.redisTemplate.boundHashOps(key);
    List carts = hashOps.values();
    // 判断是否有数据
    if(CollectionUtils.isEmpty(carts)){
        return null;
    }
    // 查询购物车数据
    return carts.stream().map(o -> JsonUtils.parse(o.toString(), Cart.class)).collect(Collectors.toList());
}
 
 
4.4.3.测试
 
 
Day17_购物车_第37张图片
 
 
4.5.修改商品数量
 
 
4.5.1.页面发起请求
 
 
Day17_购物车_第38张图片
 
 
4.5.2.后台实现
 
 
 
  
Controller
 
 
 
 
@PutMapping
public ResponseEntity updateNum(@RequestBody Cart cart){
    this.cartService.updateCarts(cart);
    return ResponseEntity.noContent().build();
}

 
 
 
  
Service
 
 
 
 
public void updateCarts(Cart cart) {
    // 获取登陆信息
    UserInfo userInfo = LoginInterceptor.getLoginUser();
    String key = KEY_PREFIX + userInfo.getId();
    // 获取hash操作对象
    BoundHashOperations hashOperations = this.redisTemplate.boundHashOps(key);
    // 获取购物车信息
    String cartJson = hashOperations.get(cart.getSkuId().toString()).toString();
    Cart cart1 = JsonUtils.parse(cartJson, Cart.class);
    // 更新数量
    cart1.setNum(cart.getNum());
    // 写入购物车
    hashOperations.put(cart.getSkuId().toString(), JsonUtils.serialize(cart1));
}

 
 
4.6.删除购物车商品
 
 
4.6.1.页面发起请求
 
 
Day17_购物车_第39张图片
 
 
注意：后台成功响应后，要把页面的购物车中数据也删除
 
 
4.6.2.后台实现
 
 
 
  
Controller
 
 
 
 
@DeleteMapping("{skuId}")
public ResponseEntity deleteCart(@PathVariable("skuId") String skuId) {
    this.cartService.deleteCart(skuId);
    return ResponseEntity.ok().build();
}

 
 
 
  
Service
 
 
 
 
public void deleteCart(String skuId) {
    // 获取登录用户
    UserInfo user = LoginInterceptor.getLoginUser();
    String key = KEY_PREFIX + user.getId();
    BoundHashOperations hashOps = this.redisTemplate.boundHashOps(key);
    hashOps.delete(skuId);
}

 
 
5.登录后购物车合并
 
 
当跳转到购物车页面，查询购物车列表前，需要判断用户登录状态，
 
 
     
  
  • 如果登录： 
   
       
    
    • 首先检查用户的LocalStorage中是否有购物车信息，
      •  
    
    • 如果有，则提交到后台保存，
      •  
    
    • 清空LocalStorage
      •  
   
     
    •  
  
  • 如果未登录，直接查询即可
    •  
 
 

                            
                        
                    
                    
                    

                    
                    
                    

                
                

                    
                

            
        
    
    

        
你可能感兴趣的:(Day17_购物车)

        

            

                
    
                    
  • 容易满足的小孩
                        洒在心头的阳光

                        
    去年买的榨汁机没有用几次就坏了，前些时间答应娃儿给他买个，天天没事就问我，啥时候买，还自己淘宝上比较，加入购物车，这不前几天赶紧给他买了，省的每天叨叨在我耳边念叨着。今天终于到货了，因为他一直想和喝芒果汁，顺便买了芒果在家，放学回来兴奋的，赶紧要榨芒果汁，还特意搜索一下芒果汁的做法，我说他要是学习能有吃这般如此认真，我也就没有那么操心了。今晚喝到了芒果汁，他很开心，是阿，孩子就是这么容易满足，得到
    
                    
    • 
                    
  • 由于直接在一个回答中提供完整且多语言的游戏商城代码是不现实的（因为每种语言都有其独特的语法和库），我将为你概述一个游戏商城的核心概念，并提供几种不同编程语言的基本框架或示例代码段。
                        uthRaman
游戏python开发语言
                        
    商城系统概述hailiangwang.com游戏商城系统通常包含以下部分：用户系统（登录、注册、用户信息）商品列表（游戏、DLC、虚拟货币等）购物车系统支付系统订单系统2.示例框架（伪代码）首先，我们给出一个伪代码框架，描述商城的核心逻辑。plaintextclassUser:deflogin(username,password):#验证用户登录passdefregister(username,p
    
                    
    • 
                    
  • 网上商城项目总结 续
                        猫只i
javaweb电子商城结构
                        
    前台1.用户登录注册邮箱验证校验用户名是否存在验证码自动登录2.导航条自定义标签库采用异步读取数据（使用gson将集合转换json数据）Redis服务器3.首页热门商品查询展示4.分类列表分页查询5.商品详情用cookie实现浏览记录6.购物车实现商品添加到购物车商品的查询，添加，修改，删除清空购物车7.提交订单添加订单（订单详情）确认订单（易宝支付）8.我的订单9.Fliter定义权限拦截（提交
    
                    
    • 
                    
  • 【网上商城项目结构】
                        启山智软 商城 源码
小程序java
                        
    文章目录前言一、网站前台二、运营商后台三、商家管理后台四、系统架构五、数据库设计六、关键技术总结前言网上商城项目结构通常包括网站前台、运营商后台和商家管理后台三个子系统，以及多个功能模块，如门户、搜索、购物车、订单、秒杀、个人中心等。在设计网上商城项目结构时，需要从用户需求和企业运营两个维度考虑，确保系统既能为用户提供良好的购物体验，又能满足企业高效管理的需求。以下是对网上商城项目结构的详细介绍：
    
                    
    • 
                    
  • CSS实现鼠标移动到购物车显示详情
                        AsiaFT.
csscss3html
                        
    需求：鼠标滑动到购物车时，购物车下面显示购物车详情信息解析：清除所有默认样式：{margin:0;padding:0;}2.CSS3新增属性：box-sizing:border-box;这个属性基本盒子都增加该属性；代码：鼠标划过显示购物车详情/*清除所有默认样式*/*{margin:0;padding:0;}.shoppingcart{/*css3新增属性，控制WIDTH和HEIGHT属性是盒子
    
                    
    • 
                    
  • 由于直接在回答中完整展示一个复杂如游戏商城的代码系统并不现实（会超出限制且难以维护），我将为你概述一个简化的游戏商城系统的架构，并提供关键部分的示例代码，这些代码将涵盖几种不同的编程语言。
                        NewmanEdwarda2
游戏架构
                        
    架构概述pzswcc.cn前端：用于展示商品、处理用户交互（如查看商品详情、添加到购物车、结账等）。后端：处理业务逻辑（如商品库存管理、订单处理、用户认证等），与数据库交互。数据库：存储商品信息、用户信息、订单信息等。示例代码前端（HTML+JavaScript）HTML（简单页面布局）html游戏商城游戏商城JavaScript(使用FetchAPI调用后端API)javascript//假设后
    
                    
    • 
                    
  • 2022-02-06
                        科力shl

                        
    今天是大年初六，春节的气氛还未消，假期匆匆就过去了，上班之前要整理一下情绪，把愉快带到工作中。我呢，在家人们上班之前要整理一下年货，看看哪些美食需要加快吃，哪些美食需补货。记得除夕的前一天我去商场购年货，商场的人比往常多了好几倍，很拥挤。精神头十足的人们，购物车里都是满满当当的，我那一天也是满载而归。本以为今天是大年初六，不会有很多人，但是去了商场才知道，今天的情况不亚于年前那一次。中国人过年，人
    
                    
    • 
                    
  • Vuex快速入门
                        m0_66357705
vue.jsjavascript前端
                        
    Vuex是什么复杂场景组件之间通信vuex是vue的一个状态管理工具,状态就是数据大白话:vuex是一个插件,可以帮助我们管理vue通用数据(多组件数据共享)场景某个状态在多个组件使用(个人信息)多个组件共同维护一份数据(购物车)优势数据集中化管理响应式vuex遵循单向数据流初始配置安装vuexnpminstallvuex@next--save#对于Vue3npminstallvuex--save
    
                    
    • 
                    
  • 在TCGA上下载数据并且进行处理
                        Red Red
生信小技巧r语言数据库
                        
    浏览器搜索TCGAGDC进入网站在TCGA数据库主页选择“Repository”模式根据所需要的选项在侧边栏选择数据清空购物车！！第一次登陆可忽略将刚刚选择好的数据加入购物车，并且在购物车里下载Metadata和Cart数据，下载到同一个文件夹下。使用R语言脚本对数据进行处理，将其提取为genesymbol和样本的数据，推荐看一下该博主处理数据！！真的非常详细！他R语言脚本在这个链接里
    
                    
    • 
                    
  • 项目实战系列三: 家居购项目 第五部分
                        ~ 小团子
#家居购项目python开发语言
                        
    显示订单[订单管理]暂时缺货需求分析1.如果某家居库存为0,首页的"AddtoCart"按钮显示为"暂时缺货"2.后台也加上校验.只有在库存>0时,才能添加到购物车代码实现1.修改web/views/customer/index.jspAddToCart[缺货]0}">AddToCart2.修改src/com/zzw/furns/web/CartServlet.java,当添加购物车时,要保证商品
    
                    
    • 
                    
  • 阿里云服务器活动价格越来越高了，我们如何购买更便宜？
                        阿里云最新优惠和活动汇总

                        
    自从进入2023年以来，阿里云服务器的活动价格每个月都在上涨，对于还未购买过阿里云服务器的用户来说，如何购买更便宜就显得更加重要了，毕竟本身活动价格相比以往就更高了，很多用户以为通过阿里云各种活动去购买自己想要的云产品就是最便宜的了，其实不然，如果我们合理利用好阿里云推出的代金券、购物车和购买时长等权益是可以帮助我们最大程度的节约购买成本的，下面小编来说说，面对阿里云服务器活动价格越来越高的情况下
    
                    
    • 
                    
  • 瑞吉外卖——购物车（移动端）
                        小杰不想秃头
瑞吉外卖项目javaajax开发语言
                        
    需求分析移动端用户可以将菜品或套餐加入购物车。对于菜品来说，如果添加了菜品口味信息，则需要选择规格后才能加入购物车；对于套餐来说，可以直接点击加号将当前套餐加入购物车。在购物车中可以修改套餐或菜品的数量，也可以清空购物车。数据模型需要操作shopping_cart表。代码开发前后端交互过程：点击加入购物车或者加号按钮，页面发送ajax请求，将菜品或套餐加入购物车。点击购物车按钮，页面发送ajax请
    
                    
    • 
                    
  • redis常见使用场景
                        思静语
#Redis-缓存redis缓存
                        
    文章目录redis常见使用场景全局ID位统计购物车用户消息时间线timeline抽奖商品筛选分布式锁限流redis实现计数器排行榜消息队列redis如何实现延时队列redis生产常用的场景redis常见使用场景Redis是一种高性能的内存数据库，广泛应用于各种场景中。以下是Redis的常见使用场景：缓存：作为缓存层，将频繁访问的数据存储在内存中，以加速数据访问速度。Redis提供了丰富的数据结构和
    
                    
    • 
                    
  • 双11来临，如何控制冲动消费？
                        璃璃爱读书

                        
    一早起来就收到小宝微信留言，直接一个购物车的截图丢了过来，就知道这个月的生活费又不够了，时间过得真快，小宝也到了冲动消费的年龄，突然想起今天可是双11呀，几年前的那个双11突然涌进了脑海。微信截图“璃姐，明天就双十一了，你准备好了吗？”“没有呢？觉得也没有什么可买的，这些也都是商家的一种营销方式，其实也都差不多。”“我也就选了几件适用的衣服，明天有优惠，还好今天就发工资了，明天刚好可以拿下了。”办
    
                    
    • 
                    
  • 话说双十一
                        寂然的莫迪

                        
    马上双十一了，好像已经过了原来的劲头，从淘宝上看，少了一丝疯狂，虽然我最近淘宝上想买的东西很多，却好像看不到很多折扣！难道双十一热已经过去了么，最近两年都已经没有以前的双十一热闹了，快递是可以正常收的，货也是正常发的，除了有些折扣之外，其他一切都是正常的。多少还是期盼有点折扣吧，购物车收着，等着双十一的到来……图片发自App
    
                    
    • 
                    
  • 商城系统的数据库
                        启山智软 商城 源码
数据库
                        
    商城系统的数据库设计是构建网上商城核心的一部分，直接影响到系统的性能和可用性。从需求分析来看，商城系统数据库的设计开始于深入理解用户需求，包括商品展示、用户验证、购物车管理、订单处理等功能。通过这些需求分析，可以确定数据库必须包含哪些表以及这些表之间的关系。例如，一个用户可以选择多个商品，表明用户和商品之间存在一对多的关系。在概念结构设计阶段，开发者需要对需求进行抽象和概括，形成实体和实体之间的关
    
                    
    • 
                    
  • css雪碧图实例
                        邵毅超

                        
    作业：雪碧图也就是一整张图片利用css样式里的background-position去调整位置，设置hover或是active显示出鼠标经过和点击的特效。链接图片的时候是相对路径下，并且是有url值的。再有图片显示要写一个no-repeat取消重复显示。购物车特效*{margin:0;padding:0;}.select{margin:0auto;display:block;width:1000p
    
                    
    • 
                    
  • SwiftUI iOS 开源项目之购物类App界面(教程含源码)
                        iCloudEnd

                        
    实战需求SwiftUIiOS开源项目之购物类App界面基于SwiftUI设计了一个家具店应用程序的两个屏幕。顶部的主页包含菜单和配置文件按钮。然后在末尾的水平列表中搜索和筛选具有两个类别的产品，一个受欢迎，另一个则最好。另外，还有一个类别列表。在我们家具店的“详细信息”页面上，有该产品的完整信息，也添加到了底部的购物车中。本文价值与收获看完本文后，您将能够作出下面的界面截屏2021-02-17下午
    
                    
    • 
                    
  • 基于Django开发的电商购物平台(完整项目介绍 --＞ 项目环境 , 项目完整代码 , 项目服务器/虚拟机部署)
                        攒了一袋星辰
Django项目之电商购物商城django服务器python
                        
    1-10_Django项目实战文档本网站是基于Django+uwsgi+nginx+MySQL+redis+linux+requests开发的电商购物系统,以及通过使用爬虫技术批量获取商品数据.实现客户端:注册,登录,浏览记录保存,购物车,订单等功能实现管理端:商品添加,用户管理等功能项目内容较多,该博文只是对整体的大致思路介绍,如有疑问可以私信博主项目的完整代码可见博主主页上传的资源项目git地
    
                    
    • 
                    
  • 2021年自我总结大会
                        麦大西

                        
    说说我的2021年，照着苏苏的模板写，就是：今年，拥抱很多，每天都跟同一个小男人。今年，只喝了大概两次的速溶咖啡，现磨的和到店的一次没有。今年，没有为自己买任何一件衣物。如果是新的那就是老妈捐赠的。今年，不想夸自己，不值得。今年，难过的是生日又是自己张罗没有礼物没有祝福没劲透了。今年，购物车里，都是生活用品。今年，庆幸的是，多了一个朋友，多了一个代驾，多了几个饭伴，多了几个球友。说说我的2021年
    
                    
    • 
                    
  • 关于Apache Hive 和 Apache Iceberg
                        [听得时光枕水眠]
apachehivehadoop
                        
    ApacheHive和ApacheIceberg都是大数据生态系统中的重要工具，但它们解决的问题和扮演的角色有所不同。我们可以用大白话来比喻它们之间的关系：ApacheHive可以想象成一个“数据仓库超市”，它的货架上摆满了各种商品（数据），并且提供了一个购物车（HiveQL，一种类SQL语言），让你可以方便地从这些商品中挑选你想要的，进行购买（查询）。Hive主要负责将Hadoop的数据组织成表
    
                    
    • 
                    
  • 开发一个电商API能有多简单！一篇文章告诉你
                        咸鱼蛋炒饭
学习分享数据库
                        
    以下是开发一个简单电商API的主要步骤：一、需求分析与规划确定电商API需要提供的功能，如商品查询、商品详情获取、用户注册/登录、购物车管理、订单创建与查询等。二、技术选型与环境搭建选择合适的开发语言和框架，例如使用Python的Django或Flask框架。假设选择Flask：plaintextpipinstallflask同时，安装数据库相关的库，比如SQLAlchemy（用于与数据库交互）：
    
                    
    • 
                    
  • “读书控”
                        童心_依旧

                        
    2018.4.23星期一晴P94昨晚不知怎么回事，一直登录不上。今天又是忙碌的一天，在路上不到200公里，这个月注定是忙碌的。面临五月份调税率，又加上五一放假，这个月底将是非常的忙碌。前两天买的书到货了，迫不及待得打开包装，一天不知问我多少遍，终于到货了。不用听你唠叨了，呵呵！宝爷爷说：“咱家都可以开个小书店了。”晚饭后我上网买东西，一看购物车，惊呆了！图片发自App自己说先存着，等那天妈妈心情好
    
                    
    • 
                    
  • day18-ATM+购物车项目的实现（1）
                        天行_b6d0

                        
    如何从无到有来开发一个项目一、需求分析额度15000或自定义--->注册功能实现购物商城，买东西加入购物车，调用信用卡接口结账---->购物功能、支付功能可以提现，手续费5%--->提现功能支持多账户登录--->登录功能支持账户间转账--->转账功能记录消费流水--->记录流水功能提供还款接口--->还款功能ATM记录操作日志--->记录日志功能提供管理接口，包括添加账户、修改用户额度，冻结账户等
    
                    
    • 
                    
  • 行为型设计模式-迭代器（Iterator）模式-python实现
                        懂一点的陈老师
设计模式设计模式python开发语言
                        
    设计模式汇总：查看通俗示例想象一下你正在逛一家超市，超市里的商品分成不同的区域，比如食品区、饮料区、日用品区等。你想要逐个查看这些区域的所有商品，但是你并不想关心这些商品在超市里是如何存放的。这时，你可以使用一个购物车，这个购物车能够按照你的要求，依次从各个区域取出商品给你查看。这里的购物车就类似于迭代器模式中的迭代器，它帮助你遍历超市中不同的商品区域，而不需要你了解商品的具体存储方式。通俗解释迭
    
                    
    • 
                    
  • 【JavaWeb项目】——外卖订餐系统用户购买餐品、查询购物车、取消购物车餐品操作
                        Y小夜
Javaweb开发hivehadoop数据仓库java后端前端框架maven
                        
    个人主页：【Y小夜】作者简介：一位双非学校的大二学生，编程爱好者，专注于基础和实战分享，欢迎私信咨询！入门专栏：【MySQL，Java基础，Rust】热门专栏：【Python，Javaweb，Vue框架】感谢您的点赞、关注、评论、收藏、是对我最大的认可和支持！❤️目录购买餐品后端处理AddCarServlet部分代码解析查询购物车后端处理UshowCarServlet部分代码解析前端界面showC
    
                    
    • 
                    
  • day15
                        .wsy.
实训一redis
                        
    工作日报表日期06日08月2024年任务安排今天主要是老师讲了讲如何完成购物车的任务，然后就让我们做项目任务完成情况完成redis的相关配置，收尾所有迭代一的任务，搭建好python环境便于进行拓展任务工作中的问题今天解决redis的问题挺让人印象深刻的，老师指出了filter报jwtUser无法接受一个user的对象可能是因为loadUserByUsername的时候本身就存进去是user对象而
    
                    
    • 
                    
  • 分布式的 服务保护
                        绿蚁新亭
分布式
                        
    商品服务：扣减库存订单服务：保存订单购物车服务：清理购物车这些业务全部都是数据库的写操作，我们必须确保所有操作的同时成功或失败。但是这些操作在不同微服务，也就是不同的Tomcat，这样的情况如何确保事务特性呢？下面则是主要总结的重点微服务保护服务保护方案请求限流隔离和熔断分布式事务初识分布式事务Seata需要掌握的知识:知道雪崩问题产生原因及常见解决方案能使用Sentinel实现服务保护理解分布式
    
                    
    • 
                    
  • 在线图书管理系统”的Vue.js项目
                        hai40587
vue.js前端javascript
                        
    项目概述假设我们正在构建一个名为“在线图书管理系统”的Vue.js项目。该系统允许用户浏览图书列表、搜索图书、查看图书详情、添加新书到购物车以及进行用户认证（登录、注册）。我们将使用Vue.js2.x（或Vue3.x，视你偏好而定），结合VueRouter进行页面路由管理，Vuex进行状态管理，以及Axios进行HTTP请求。项目结构/online-bookstore/src/assets-log
    
                    
    • 
                    
  • 2021-12-06
                        A阿a

                        
    购物车案例table{border-collapse:collapse;}td,th{text-align:center;border:1pxsolid#ccc;padding:2px10px;}tdimg{width:100px;}tdinput{width:40px;text-align:center;outline:none;}全选商品名称商品图片商品价格购买数量小计操作总计：//定义一个商
    
                    
    • 
                                
  • 设计模式介绍
                                    tntxia
设计模式
                                    
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 
 
亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
    
                                
    • 
                                
  • android高级组件使用(一)
                                    百合不是茶
androidRatingBarSpinner
                                    
    1、自动完成文本框（AutoCompleteTextView） 
 
 AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 
 使用AutoCompleteTex
    
                                
    • 
                                
  • [网络与通讯]路由器市场大有潜力可挖掘
                                    comsci
网络
                                    
       
       如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题..... 
 
       这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入 
 
 &nbs
    
                                
    • 
                                
  • 自写简单Redis内存统计shell
                                    商人shang
Linux shell统计Redis内存
                                    
    #!/bin/bash
address="192.168.150.128:6666,192.168.150.128:6666"  
hosts=(${address//,/ })  

sfile="staticts.log"

for hostitem in ${hosts[@]}  
do  
    ipport=(${hostitem
    
                                
    • 
                                
  • 单例模式(饿汉 vs懒汉)
                                    oloz
单例模式
                                    
    package 单例模式;
/*
 * 应用场景:保证在整个应用之中某个对象的实例只有一个
 * 单例模式种的《 懒汉模式》  
 * */
public class Singleton {
	
	//01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例
	private Singleton(){};
	
	//02 申明类得唯一实例
	priva
    
                                
    • 
                                
  • springMvc json支持
                                    杨白白
json springmvc
                                    
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 
 
 
2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 
 

@RequestMapping("helloJson")
public @ResponseBody
    JsonTest helloJson() {
   
    
                                
    • 
                                
  • android播放，掃描添加本地音頻文件
                                    小桔子

                                    
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
    
                                
    • 
                                
  • oracle常用命令
                                    aichenglong
oracledba常用命令
                                    
    1 创建临时表空间 
create temporary tablespace user_temp  
tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' 
size 50m  
autoextend on  
next 50m maxsize 20480m  
extent management local
    
                                
    • 
                                
  • 25个Eclipse插件
                                    AILIKES
eclipse插件
                                    
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
    
                                
    • 
                                
  • Spring MVC拦截器+注解方式实现防止表单重复提交
                                    baalwolf
spring mvc
                                    
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。      
1.新建注解： 
     
?       1   2   3   4   5   6   7   8   9   10   11   12   13   14   15   16   17   18   
    
                                
    • 
                                
  • 《Javascript高级程序设计(第3版)》闭包理解
                                    bijian1013
JavaScript
                                    
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》 
  
      看以下代码： 
<script type="text/javascript">
    function outer() {
        var i = 10;
        return f
    
                                
    • 
                                
  • AngularJS Module类的方法
                                    bijian1013
JavaScriptAngularJSModule
                                    
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 
一.Main方法在哪里 
        如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
    
                                
    • 
                                
  • [Maven学习笔记七]Maven插件和目标
                                    bit1129
maven插件
                                    
    插件(plugin)和目标(goal) 
Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标 
  
使用插件和目标使得我们可以干预
    
                                
    • 
                                
  • 【Hadoop八】Yarn的资源调度策略
                                    bit1129
hadoop
                                    
    1. Hadoop的三种调度策略 
Hadoop提供了3中作业调用的策略， 
 
 FIFO Scheduler 
 Fair Scheduler 
 Capacity Scheduler 
 
以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度 
  2. 多用户资源共享的调度 
    
                                
    • 
                                
  • Nginx使用Linux内存加速静态文件访问
                                    ronin47

                                    
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 
先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res 
shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：      
    
                                
    • 
                                
  • 关于Unity3D中的Shader的知识
                                    brotherlamp
unityunity资料unity教程unity视频unity自学
                                    
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
    
                                
    • 
                                
  • CopyOnWriteArrayList vs ArrayList
                                    bylijinnan
java
                                    
    package com.ljn.base;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;
import java.util.concurrent.CopyOnWriteArrayList;

/**
 * 总述：
 * 1.ArrayListi不是线程安全的，CopyO
    
                                
    • 
                                
  • 内存中栈和堆的区别
                                    chicony
内存
                                    
      
1、内存分配方面： 
 
    堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。 
 
    栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
    
                                
    • 
                                
  • 回答一位网友对Scala的提问
                                    chenchao051
scalamap
                                    
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。  问题 写道   对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢  
   先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
    
                                
    • 
                                
  • mysql 取每组前几条记录
                                    daizj
mysql分组最大值最小值每组三条记录
                                    
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录    1.用子查询：   SELECT * FROM tableName a  WHERE 3>   (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt)   ORDER BY a.id,a.account DE
    
                                
    • 
                                
  • HTTP深入浅出 http请求
                                    dcj3sjt126com
http
                                    
        HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
    
                                
    • 
                                
  • 判断MySQL记录是否存在方法比较
                                    dcj3sjt126com
mysql
                                    
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 
　　我这里总结了判断记录是否存在的常用方法： 
　　sql语句：  select   count ( * )  from  tablename;  
　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
    
                                
    • 
                                
  • 对HTML XML的一点认识
                                    e200702084
htmlxml
                                    
    感谢http://www.w3school.com.cn提供的资料 
HTML 文档中的每个成分都是一个节点。 
节点 
根据 DOM，HTML 文档中的每个成分都是一个节点。 
 
DOM 是这样规定的： 
 
整个文档是一个文档节点 
每个 HTML 标签是一个元素节点 
包含在 HTML 元素中的文本是文本节点 
每一个 HTML 属性是一个属性节点 
注释属于注释节点 
Node 层次 

    
                                
    • 
                                
  • jquery分页插件
                                    genaiwei
jqueryWeb前端分页插件
                                    
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {          var totalPa
    
                                
    • 
                                
  • Mybatis与Ibatis对照入门于学习
                                    Josh_Persistence
mybatisibatis区别联系
                                    
    一、为什么使用IBatis/Mybatis 
        对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
    
                                
    • 
                                
  • C中怎样合理决定使用那种整数类型？
                                    秋风扫落叶
c数据类型
                                    
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。 
  
 &nbs
    
                                
    • 
                                
  • maven问题
                                    zhb8015
maven问题
                                    
      
问题1： 
Eclipse 中 新建maven项目 无法添加src/main/java 问题 
   eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。 
    按照maven目录结构，添加src/main/ja
    
                                
    • 
                                
  • (二)androidpn-server tomcat版源码解析之--push消息处理
                                    spjich
javaandrodipn推送
                                    
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 
先贴一段XmppIoHandler的部分代码 
/**
     * Invoked from an I/O proc
    
                                
    • 
                                
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题
                                    中华好儿孙
JavaScriptAjaxWeb上传文件FormData
                                    
    
var formData = new FormData($("#inputFileForm")[0]);
$.ajax({
		type:'post',
		url:webRoot+"/electronicContractUrl/webapp/uploadfile",
		data:formData,
		async: false,
		ca
    
                                
    • 
                                
  • mybatis常用jdbcType数据类型
                                    ysj5125094
mybatismapperjdbcType
                                    
      
MyBatis 通过包含的jdbcType
类型 
BIT         FLOAT      CHAR          
    
                                
    •