微信小程序完整项目实战(前端+后端)

基于微信小程序的在线商城点单系统

前言：闲来无事，想以后自己开一个小超市或者小吃店，能够支持线上下单，既方便客户也方便自己。系统采用Java语言作为后端实现与小程序的交互，给用来学习或者想自己开个小店的朋友当个参考。

目录

    • 一、项目介绍
    • 二、相关技术
    • 三、小程序效果图
    • 四、后台管理效果图
    • 五、代码块

一、项目介绍

小程序主要有首页、商品详情、商品分类、商品评价、购物车、个人中心等模块。
管理端主要有人员管理、权限管理、商品管理、订单管理等模块。

二、相关技术

html+css+js：微信小程序界面。
SpringBoot框架+Java程序语言：小程序及后台管理系统API的实现。
Layui前端框架：web后台管理界面样式及数据渲染框架。
MySQL数据库：数据支持。

三、小程序效果图

四、后台管理效果图

五、代码块

<!-- 自定义顶部 start -->
<view class="yx-custom" style="padding-top:{{statusBarHeight}}px;background-image: linear-gradient(43deg, #12C206,#00C90F);"><view class="headerBox"><view class="leftAddress"><image class="leftAddressIcon" src="{{imgUrl}}/upload/20220608/addressIcon.png" lazy-load="true"></image><view class="leftAddressText little">橘猫餐厅</view><image class="rightJtIcon" src="{{imgUrl}}/upload/20220608/jtBottom.png" lazy-load="true"></image></view><view class="appletsTitle"></view></view>
</view>
<!-- 自定义顶部 占位标签 -->
<view class="yx-empty_custom" style="padding-top:{{statusBarHeight}}px;"></view>
<!-- banner图 -->
<view style="background: url({{imgUrl}}/upload/20220608/topBackImg.png);background-size: 100% 100%;width:750rpx;height:324rpx;"><view class="bannerBottom"></view>
</view>
<!-- 分类及商品 -->
<view class="containerBox" style="height:{{nowEquipmentHeight-((statusBarHeight*2)+162)}}px;"><scroll-view class="menu-left" scroll-y="true" style="height:{{nowEquipmentHeight-((statusBarHeight*2)+162)}}px;"><view wx:for="{{menuList}}" class="little {{menuIndex==index?'menu-item-check':'menu-item'}}  {{item.prevClass}} {{item.nextClass}}" bindtap="clickMenu" data-index="{{index}}">{{item.title}}</view><view class="bottomHeightBox"></view></scroll-view><scroll-view class="menu-right" scroll-y="true" style="height:{{nowEquipmentHeight-((statusBarHeight*2)+162)}}px;"><view class="menuTitleBox"><text>热门推荐</text></view><view class="productContainer"><view class="productItem" wx:for="{{20}}" bindtap="goDetail"><view class="productImage" style="background: url({{imgUrl}}/upload/20220608/ky.jpg);background-size: 100% 100%;"></view><view class="productName little">超级无敌好吃美味烤鸭</view><view class="productPriceBox"><view class="salePrice"><text style="font-size:22rpx;">￥</text><text>58.88</text><text style="font-weight:400;">/g</text></view><view class="oldPrice middleLine">￥98</view></view></view></view><view class="bottomHeightBox"></view></scroll-view>
</view>
<!-- <image class="scanIcon" src="{{imgUrl}}/Areas/dfapi/Content/images/cp.png" lazy-load="true"></image> -->
<image class="scanIcon" src="{{imgUrl}}{{scanUrl}}" lazy-load="true" bindtap="scanTableCode"></image>

<!--pages/productDetail/index.wxml-->
<!-- 商品轮播图 -->
<view class="product-banner"><swiper class="product-banner" bindchange='onSlideChange' indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}"interval="{{interval}}" duration="{{duration}}" circular="{{circular}}"><block wx:for="{{productBanner}}" wx:key="id"><swiper-item><view><image src="{{item}}" class="product-banner" alt="" lazy-load="true" /></view></swiper-item></block></swiper>
</view>
<!-- 秒杀商品展示 -->
<view wx:if="{{productActiviType==0}}" class="activeBox"style="background: url({{imgUrl}}/upload/20220608/kill-pro-back.png);background-size: 100% 100%;"><view class="kill-leftBox"><view class="product-priceBox"><view style="height:35rpx;line-height: 35rpx;"><text class="symbol-kill">￥</text><text class="price-kill">58.8</text><text class="throuth-kill">￥98</text></view><view class="num-kill displayBox">限量200份</view></view><view class="justNum-kill"><text>已售198份</text><textclass="just-rightText">每人限购1份</text></view></view><view class="kill-rightBox"><view class="just-text">距秒杀结束仅剩</view><view class="kill-timeBox"><view class="clockBox margin-one displayBox">{{hour}}</view><view class="littleClock">:</view><view class="clockBox displayBox">{{min}}</view><view class="littleClock">:</view><view class="clockBox displayBox">{{second}}</view></view></view>
</view>
<!-- 商品名称 -->
<view class="productName-box littleTwo">超级无敌好吃美味烤鸭
</view>
<!-- 商品描述 -->
<view class="productDesc-box littleTwo">色泽红艳，肉质细嫩，味道醇厚，肥而不腻
</view>
<!-- 分享奖励 -->
<view class="productShare-money" bindtap="shareProduct"><view class="left-Share"><text>该商品分享可得奖励￥10</text></view><view class="right-Share"><image src="{{imgUrl}}/upload/20220608/share.png" lazy-load="true"></image><text>立即分享</text></view>
</view>
<!-- 商品配置规格 -->
<!-- <view class="productInfoBox"><view class="heightInfo"></view><view class="Distribution" bindtap="chouseAddress"><view class="title-info">配送</view><view class="chouseSpe">请选择收货地址</view><image src="{{imgUrl}}/upload/20220608/rightJt.png" lazy-load="true"></image></view>
</view> --><!-- 服务 -->
<view class="services-box"><view class="services-left">服务</view><view class="services-right">新鲜品质 配送到家 售后无忧</view>
</view><!-- 商品评价 -->
<view class="product-reply" ><view class="reply-title"><view class="leftReolyCount">评价(2824)</view><view class="middleSeeMore"><view>查看全部评价</view></view><image class="grayRight" src="{{imgUrl}}/upload/20220608/rightJt.png" lazy-load="true"></image></view><view class="replyUserInfo"><image  class="replyUserHead" src="{{imgUrl}}/upload/20220608/jocker.jpg" lazy-load="true"></image><view class="rightUserName"><view class="userName little">橘猫大侠</view><view class="starBox"><image src="{{imgUrl}}/upload/20220608/star5.png" class="starImg"></image></view></view></view><view class="replyContet littleTwo">味道好，配送快，值得信赖！</view>
</view> <!-- 商品详情 -->
<image class="proImgDetail" src="{{imgUrl}}/upload/20220608/prodetailImg.png" lazy-load="true"></image><view style="height:56rpx;"></view><view class="productDetailTable" wx:if="{{spuList.length>0}}"><view wx:if="{{!isShowDetail}}"><view class="productTableTr"><view class="leftTr"><view class="little leftTrText">{{spuList[0].name}}</view></view><view class="rightTr little">{{spuList[0].content}}</view></view></view><view wx:if="{{isShowDetail}}" class="productTableTr" wx:for="{{spuList}}"><view class="leftTr"><view class="little leftTrText">{{item.name}}</view></view><view class="rightTr little">{{item.content}}</view></view></view><view class="DetailArrow displayBox" wx:if="{{spuList.length>0}}"><image wx:if="{{!isShowDetail}}" bindtap="clickArrow" class="arrowImg"src="{{imgUrl}}/upload/20220608/nextJt.png" lazy-load="true"></image><text wx:if="{{!isShowDetail}}" bindtap="clickArrow" style="margin-left:10rpx;">展开</text><image wx:if="{{isShowDetail}}" bindtap="clickArrow" class="arrowImg"src="{{imgUrl}}/upload/20220608/topJt.png" lazy-load="true"></image><text wx:if="{{isShowDetail}}" bindtap="clickArrow" style="margin-left:10rpx;">收起</text>
</view>
<view style="height:56rpx;"></view>
<image src="{{imgUrl}}/upload/20220608/explain.png" class="explain"></image>
<!-- 你可能还喜欢 -->
<view class="maybeLike"><image src="{{imgUrl}}/upload/20220608/2323-2.png" class="maybeLikePng"></image><!-- 配置商品 --><view class="indexProductList"><view class="productItemBottom" wx:for="{{4}}"><view style="background: url({{imgUrl}}/upload/20220608/ky.jpg);background-size: 100% 100%;" class="productImgBottom"></view><view class="bottom-productName little">北京烤鸭</view><view class="iconBox little">干净又卫生</view><view class="buyBox-bottom"><view class="leftPrice-bottom"><text class="priceFh">￥</text><text class="bottom-price">58</text><text class="bottom-oldPrice">￥98</text></view><view class="rightAdd-bottom"  data-index="{{index}}" ><image class="rightAdd-bottom" src="{{imgUrl}}/upload/20220608/addcart.png" lazy-load="true"></image></view></view></view></view>
</view>
<view style="height:162rpx;"></view>
<view class="footer"><view class="leftFooter"><view bindtap="GoHome"><view style="background: url({{imgUrl}}/upload/20220608/6-1.png);background-size: 100% 100%;"class="footImg"></view><view class="footText">首页</view></view><view bindtap="GoShopping"><view style="background: url({{imgUrl}}/upload/20220608/6-5.png);background-size: 100% 100%;"class="footImg2"></view><view class="footText2">购物车</view></view></view><view class="rightFooter"><view class="displayShow" ><view class="addCart-btn displayBox" catchtap="btnAddCart_footer">加入购物车</view><view class="purchase-btn displayBox" bindtap="rightNowBuy">立即购买</view></view></view>
</view>
<!--pages/shoppingCart/index.wxml-->
<!--pages/login/index.wxml-->
<view class="yx-custom" style="padding-top:{{statusBarHeight}}px;background-image: linear-gradient(43deg, #12C206,#00C90F);"><view class="headerBox"><view class="leftAddress"></view><view class="appletsTitle">购物车</view></view>
</view>
<!-- 自定义顶部 占位标签 -->
<view class="yx-empty_custom" style="padding-top:{{statusBarHeight}}px;"></view>
<!-- 可下单的购物车商品 -->
<view class="go-product"><view class="product-num"><view class="left-productNum">共有5件商品</view><view class="right-delProduct" bindtap="deleteProduct"><text>删除</text></view></view><view wx:for="{{2}}" wx:for-index="idx" wx:for-item="item"><view class="discount"><view class="left-discount little">热门推荐</view><view class="discount-jt"><image src="{{imgUrl}}/upload/20220608/cartJt.png" lazy-load="true"></image></view></view><view wx:for="2" wx:for-index="indexProduct" wx:for-item="ProItem"><view class="list"><view class="product-item  height{{indexProduct}}"><movable-area><movable-view out-of-bounds="true" direction="horizontal" x="{{item.xmove}}" inertia="true" data-productIndex="{{indexProduct}}" bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindchange="handleMovableChange"><view class="productItem_new "><view class="checkedIconBox"><view class="cart-con-item-icon"><icon wx:if="{{ProItem.selected}}" type="success" color="#FFBD20" bindtap="selectList_yx" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}" /><icon wx:else type="circle" bindtap="selectList_yx" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}" /></view></view><view class="rightProductInfo"><image src="{{imgUrl}}/upload/20220608/ky.jpg" class="cart-productImg"></image><view class="productInfoBox"><view class="cart-productName littleTwo">超级无敌好吃美味烤鸭</view><view class="cart-productSku little">500g</view><view class="cart-productPrice"><text class="priceSymbol">￥</text><text class="cart-price">58.8</text><text class="cart-oldPrice">￥98</text></view></view><view class="cart-rightNumBox"><view class="cart-con-item-num"><text class="cart-con-item-num-left" catchtap="bindMinus" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}">-</text><input type="cart-con-item-num-mid" bindinput="bindIptCartNum" data-index='{{indexProduct}}' value="1" disabled="{{true}}" /><text class="cart-con-item-num-right" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}" catchtap="bindPlus">+</text></view></view></view></view></movable-view></movable-area><view class="delete-btn" data-id="{{item.id}}" bindtap="handleDeleteProduct" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}">删除</view></view></view></view></view>
</view>
<view class="cant-product"><view class="cantTitle displayBox">因配送范围，库存原因等导致失效的商品</view><view class="productItem_new height{{index}}" wx:for="{{2}}"><view class="cantProductLeft displayBox">失效</view><view class="rightProductInfo"><view class="cart-productImg" style="background: url({{imgUrl}}/upload/20220608/ky.jpg);background-size: 100% 100%;"><image src="{{imgUrl}}/upload/20220608/yyyy.png" class="cart-productImg" lazy-load="true"></image></view><view class="productInfoBox"><view class="cart-productNameYY littleTwo">曾经好吃的烤鸭</view><view class="cart-productYyy little">抱歉，该商品已售罄或下架</view><view class="cart-productPrice"><text class="priceSymbolYY">￥</text><text class="cart-priceYY">0</text></view></view><view class="cart-rightNumBox"></view></view></view><view class="clearBox"><view class="clear displayBox" bindtap="clearProduct">清空失效宝贝</view><view class="switchAddress displayBox" bindtap="switchAdd">切换地址</view></view>
</view>
<view class="maybeLike" wx:if="{{recommendProduct.length>0}}"><image src="{{imgUrl}}/upload/20220608/2323-2.png" class="maybeLikePng"></image><view class="indexProductList"><view class="productItemBottom" wx:for="{{recommendProduct}}"><view style="background: url({{item.productPic}});background-size: 100% 100%;" class="productImgBottom"></view><view class="bottom-productName little">{{item.productName}}</view><view class="iconBox little">{{item.remark}}</view><view class="buyBox-bottom"><view class="leftPrice-bottom"><text class="priceFh">￥</text><text class="bottom-price">{{item.price}}</text><text class="bottom-oldPrice">￥{{item.proSalePrice}}</text></view><view class="rightAdd-bottom" catchtap="btnAddCart" data-index="{{index}}" data-goodsid="{{item.productId}}"><image class="rightAdd-bottom" src="{{imgUrl}}/Areas/dfapi/Content/images/addcart.png" lazy-load="true"></image></view></view></view></view>
</view>
<view class="seeDetailPriceBox" wx:if="{{isShowDetailPrice}}" catchtap="btnHideDetail"><view class="shareb2"><view class="shareb2-con"><viwe class="detailTitle displayBox">优惠明细</viwe><view class="orderAllPrice"><view class="leftTitle"><text>商品总额</text></view><view class="rightTitle"><text>￥{{totalPrice}}</text></view></view><view class="orderAllPrice"><view class="leftTitle"><text>运费</text></view><view class="rightTitle"><text>+￥{{freight}}</text></view></view><view class="orderAllPrice"><view class="leftTitle"><text>优惠券</text></view><view class="rightTitle"><text style="color:#FF4C0E;">-￥{{couponAmount}}</text></view></view><view class="orderAllPrice"><view class="leftTitle"><text>折扣</text></view><view class="rightTitle"><text style="color:#FF4C0E;">-￥{{discountMoney}}</text></view></view><view class="orderAllPriceFinal"><view class="leftTitle"><text>合计</text></view><view class="rightTitle"><text>￥{{amountPayable}}</text></view></view></view></view>
</view><view class="cart-foter"><view class="allChecked"><image wx:if="{{!isCheckAll}}" src="{{imgUrl}}/upload/20220608/uncheck.png" bindtap="selectAll" lazy-load="true" class="checkImg"></image><image wx:else src="{{imgUrl}}/upload/20220608/checked.png" lazy-load="true" bindtap="selectAll" class="checkImg"></image><view class="allCheckText">全选</view></view><view class="middlePrice"><view class="priceBox"><text class="hjTitle">合计:</text><text class="symbol">￥</text><text class="priceAll">￥198</text></view><view class="coupon"><text>优惠:</text><text>￥</text><text>{{finalCou}}</text><text class="seeDetail">查看明细</text><image wx:if="{{isShowDetailPrice}}" src="{{imgUrl}}/upload/20220608/orangeOn.png" lazy-load="true" class="orangeJt" bindtap="seeDetailPrice"></image><image wx:else src="{{imgUrl}}/upload/20220608/orangeBo.png" lazy-load="true" class="orangeJt" bindtap="seeDetailPrice"></image></view></view><view class="right-btnJs"><view class="addOrder displayBox" bindtap="goBuy">结算</view></view></view><view class="bottomHeightBox"></view>

<!--pages/myCenter/index.wxml-->
<!-- 头部背景 收益容器 -->
<view class="center-Top"><view class="center-TopBack"><view class="userInfo-box"><view class="leftInfo"><view class="cnter-user"><image  src="{{imgUrl}}/upload/20220608/noUser.png" class="cnter-user" lazy-load="true"></image></view><view class="userNameBox"><view class="uNameText"><!-- <open-data  type="userNickName"></open-data> --><!-- <view wx:else bindtap="login">注册/登录</view> --><view ><text>摔跤猫子</text><!-- <button class="kefu-btn" type="primary" open-type="getUserInfo" bindgetuserinfo="getUserInfo"style="width:100%"></button> --><button  class="kefu-btn" style="width:100%"></button></view></view><view class="shop"><text>用户</text></view></view></view></view>
<!-- 我的订单入口 -->
<view class="myOrder-menu"><view class="order-title"><view class="leftTitle">我的订单</view><view class="rightSeeMore" bindtap="goToOrder" data-id="0"><image src="{{imgUrl}}/upload/20220608/black-jt.png" lazy-load="true"></image><text style="float:right;padding-right:10rpx;">查看更多</text></view></view><view class="orderMenu-img"><view class="ordermenu-detail" bindtap="goToOrder" data-id="1"><image src="{{imgUrl}}/upload/20220608/dfk.png" lazy-load="true"></image><view class="num-mark" wx:if="{{toBePaid>0}}">{{toBePaid}}</view><view class="order-text-staus">待付款</view></view><view class="ordermenu-detail" bindtap="goToOrder" data-id="2"><image src="{{imgUrl}}/upload/20220608/dfh.png" lazy-load="true"></image><view class="num-mark" wx:if="{{toBeDelivered>0}}">{{toBeDelivered}}</view><view class="order-text-staus">待发货</view></view><view class="ordermenu-detail" bindtap="goToOrder" data-id="3"><image src="{{imgUrl}}/upload/20220608/dsh.png" lazy-load="true"></image><view class="num-mark" wx:if="{{toBeReceived>0}}">{{toBeReceived}}</view><view class="order-text-staus">待收货</view></view><view class="ordermenu-detail" bindtap="goReplyList"><image src="{{imgUrl}}/upload/20220608/dpj.png" lazy-load="true"></image><view class="num-mark" wx:if="{{toBeReply>0}}">{{toBeReply}}</view><view class="order-text-staus">评价</view></view><view class="ordermenu-detail" bindtap="afterSale"><image src="{{imgUrl}}/upload/20220608/dtk.png" lazy-load="true"></image><view class="num-mark" wx:if="{{cancel>0}}">{{cancel}}</view><view class="order-text-staus">售后/退款</view></view></view>
</view></view>
</view>
<!-- 常用工具入口 -->
<view class="tool-box"><view class="often-tool-title">常用工具</view><view class="tool-menu-one" ><view class="tool-menu-detail" bindtap="GotomyEarnings"><view style="background: url({{imgUrl}}/upload/20220608/profit.png);background-size: 100% 100%;"class="toolImgBack"></view><view class="tool-title">我的收益</view></view><view class="tool-menu-detail" bindtap="GotoMyTeam"><view style="background: url({{imgUrl}}/upload/20220608/myteam.png);background-size: 100% 100%;"class="toolImgBack"></view><view class="tool-title">我的团队</view></view><view class="tool-menu-detail" bindtap="goCouponList"><view style="background: url({{imgUrl}}/upload/20220608/myCou.png);background-size: 100% 100%;"class="toolImgBack"></view><view class="tool-title">我的优惠券</view></view><view class="tool-menu-detail" bindtap="goAddressList"><view style="background: url({{imgUrl}}/upload/20220608/myAdd.png);background-size: 100% 100%;"class="toolImgBack"></view><view class="tool-title">收货地址</view></view></view><view class="tool-menu-two"><view class="tool-menu-detail" style="position: relative;"><view style="background: url({{imgUrl}}/upload/20220608/customService.png);background-size: 100% 100%;"class="toolImgBack"></view><view class="tool-title">联系客服</view><button class="kefu-btn" open-type="contact" style="width:100%"></button></view><view class="tool-menu-detail" bindtap="setUp"><view style="background: url({{imgUrl}}/upload/20220608/set.png);background-size: 100% 100%;"class="toolImgBack"></view><view class="tool-title">设置</view></view></view>
</view>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/110271.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

在亚马逊云科技Amazon SageMaker上进行Stable Diffusion模型训练和推理

在亚马逊云科技Amazon SageMaker上进行Stable Diffusion模型训练和推理

Stable Diffusion Quick Kit是一个基于亚马逊云科技Amazon SageMaker进行Stable Diffusion模型快速部署的工具包&#xff0c;包括了一组示例代码、服务部署脚本、前端UI&#xff0c;可以帮助可以快速部署一套Stable Diffusion的原型服务。 本文将介绍如何在SageMaker Training …
阅读更多...
2530. 执行 K 次操作后的最大分数

2530. 执行 K 次操作后的最大分数

给你一个下标从 0 开始的整数数组 nums 和一个整数 k 。你的 起始分数 为 0 。 在一步 操作 中&#xff1a; 选出一个满足 0 < i < nums.length 的下标 i &#xff0c; 将你的 分数 增加 nums[i] &#xff0c;并且 将 nums[i] 替换为 ceil(nums[i] / 3) 。 返回在 恰好…
阅读更多...
服务器中了mkp勒索病毒怎么处理，mkp勒索病毒解密，数据恢复

服务器中了mkp勒索病毒怎么处理，mkp勒索病毒解密，数据恢复

10月份以来&#xff0c;云天数据恢复中心陆续接到很多企业的求助&#xff0c;企业的服务器遭到了mkp勒索病毒攻击&#xff0c;导致企业的服务器数据库被加密&#xff0c;严重影响了企业工作&#xff0c;通过这一波mkp勒索病毒的攻击&#xff0c;云天数据恢复工程师为大家总结了…
阅读更多...
【AI视野·今日Sound 声学论文速览 第二十六期】Mon, 16 Oct 2023

【AI视野·今日Sound 声学论文速览 第二十六期】Mon, 16 Oct 2023

AI视野今日CS.Sound 声学论文速览 Mon, 16 Oct 2023 Totally 7 papers &#x1f449;上期速览✈更多精彩请移步主页 Daily Sound Papers Low-latency Speech Enhancement via Speech Token Generation Authors Huaying Xue, Xiulian Peng, Yan Lu现有的基于深度学习的语音增强…
阅读更多...
力扣第90题 子集|| 去重问题 c++ 注释版

力扣第90题 子集|| 去重问题 c++ 注释版

题目 90. 子集 II 中等 相关标签 位运算 数组 回溯 给你一个整数数组 nums &#xff0c;其中可能包含重复元素&#xff0c;请你返回该数组所有可能的子集&#xff08;幂集&#xff09;。 解集 不能 包含重复的子集。返回的解集中&#xff0c;子集可以按 任意顺序 排列…
阅读更多...
中文编程开发语言工具开发的实际软件案例：称重管理系统软件

中文编程开发语言工具开发的实际软件案例：称重管理系统软件

中文编程开发语言工具开发的实际软件案例&#xff1a;称重管理系统软件 中文编程开发语言工具开发的实际软件案例&#xff1a;称重管理系统软件&#xff0c;软件可以安装在电脑上&#xff0c;也可以安装在收银机上&#xff0c;支持触摸和鼠标点&#xff0c;想学编程可以关注系统…
阅读更多...
【web前端】web前端设计入门到实战第一弹——html基础精华

【web前端】web前端设计入门到实战第一弹——html基础精华

前端 一&#xff1a;图片属性二&#xff1a;音频标签三&#xff1a; 视频标签四&#xff1a;链接标签五&#xff1a;列表标签5.1.无序列表5.2.有序列表3.自定义列表 六&#xff1a;表格6.1合并单元格 七&#xff1a;input标签八&#xff1a;select系列九&#xff1a; 文本域标签…
阅读更多...
《软件方法》2023版第1章（10）应用UML的建模工作流-大图

《软件方法》2023版第1章（10）应用UML的建模工作流-大图

DDD领域驱动设计批评文集 做强化自测题获得“软件方法建模师”称号 《软件方法》各章合集 1.4 应用UML的建模工作流 1.4.1 概念 我用类图表示建模工作流相关概念如图1-16。 图1-16 建模工作流相关概念 图1-16左侧灰色部分定义了“游戏规则”&#xff0c;右侧则是在“游戏规…
阅读更多...
Canvas绘图学习笔记：画笔的路径与状态

Canvas绘图学习笔记：画笔的路径与状态

beginPath beginPath表示开始一个路径&#xff0c;我们在上一章画弧的时候用到过好多次&#xff0c;他的API非常简单&#xff1a; context.beginPath(); 开始路径有2层意思&#xff0c;一个就是本次绘制的起点是新的&#xff08;不再是上次结束的点了&#xff09;&#xff0…
阅读更多...
2021-9-25 美团售后服务系统后端一面【2024秋招】

2021-9-25 美团售后服务系统后端一面【2024秋招】

1 实习 1.1 讲讲你做的一个需求&#xff0c;为什么这么做之类的 答&#xff1a; 1.2 什么是接线 1.3 什么的初始接线&#xff0c;和权威接线 答&#xff1a;初始接线是现状&#xff0c;权威是规划中的 1.4 为什么要做比较呢&#xff1f; 答&#xff1a;运维人员需要查看…
阅读更多...
强大的下载管理器：Progressive Downloader for Mac

强大的下载管理器：Progressive Downloader for Mac

Progressive Downloader for Mac是一种强大的下载管理器&#xff0c;它可以帮助用户更快速、更稳定地下载文件。相比于其他下载工具&#xff0c;PD下载管理器具有很多独特的功能和优势&#xff0c;本文将对其进行详细推广。 在数字化时代&#xff0c;下载已成为我们日常工作中必…
阅读更多...
pdf压缩文件怎么压缩最小？

pdf压缩文件怎么压缩最小？

pdf压缩文件怎么压缩最小&#xff1f;我们很多项目介绍或是学术的报告都是采用的这个pdf格式&#xff0c;那么我们在存储或是需要进行分享的时候&#xff0c;可能就会因为文件过大而导致无法打开或是发送了。那么就需要将其进行压缩。PDF文件压缩方法很多&#xff0c;pdf压缩文…
阅读更多...
批量处理图像模板

批量处理图像模板

以下是一个Python模板&#xff0c;用于批量处理图像并将处理后的图像保存在另一个文件夹中。在此示例中&#xff0c;将使用Pillow库来处理图像&#xff0c;可以使用其他图像处理库&#xff0c;根据需要进行修改。   首先&#xff0c;确保已经安装了Pillow库&#xff0c;可以使…
阅读更多...
web前端面试-- http的各个版本的区别（HTTP/0.9、HTTP/1.0、HTTP/1.1、HTTP/2.0、HTTP/3.0）

web前端面试-- http的各个版本的区别（HTTP/0.9、HTTP/1.0、HTTP/1.1、HTTP/2.0、HTTP/3.0）

本人是一个web前端开发工程师&#xff0c;主要是vue框架&#xff0c;整理了一些面试题&#xff0c;今后也会一直更新&#xff0c;有好题目的同学欢迎评论区分享 ;-&#xff09; web面试题专栏&#xff1a;点击此处 http的各个版本的区别 HTTP&#xff08;超文本传输协议&…
阅读更多...
el-input: 把不符合正则校验的值动态清空,只保留符合的值

el-input: 把不符合正则校验的值动态清空,只保留符合的值

<el-input v-model"form.profit" placeholder"请输入授权专利新增利润" input"handleInput" clearable />/*** 不符合正则校验,清空*/const handleInput () > {if (form.value.profit) {if (!/^\d*\.?\d*$/.test(form.value.profit))…
阅读更多...
[C#基础训练]FoodRobot类的创建及应用

[C#基础训练]FoodRobot类的创建及应用

阅读更多...
hive往es映射表写数据报错

hive往es映射表写数据报错

hive是基于Hadoop的一个数据仓库工具&#xff0c;用来进行数据提取、转化、加载&#xff0c;这是一种可以存储、查询和分析存储在Hadoop中的大规模数据的机制。hive数据仓库工具能将结构化的数据文件映射为一张数据库表&#xff0c;并提供SQL查询功能&#xff0c;能将SQL语句转…
阅读更多...
JDK版本和Gradle版本配套关系

JDK版本和Gradle版本配套关系

Java versionSupport for compiling/testing/…​Support for running Gradle 8 N/A 2.0 9 N/A 4.3 10 N/A 4.7 11 N/A 5.0 12 N/A 5.4 13 N/A 6.0 14 N/A 6.3 15 6.7 6.7 16 7.0 7.0 17 7.3 7.3 18 7.5 7.5 19 7.6 7.6 20 8.1 8.3 21 …
阅读更多...
Elasticsearch7.9.3保姆级安装教程

Elasticsearch7.9.3保姆级安装教程

Linux版本Elasticsearch版本(待安装)Kibana版本(待安装)CentOS 77.9.37.9.3 一、下载地址 1、官网下载 打开地址 https://www.elastic.co/cn/downloads/past-releases#elasticsearch&#xff0c;按如图所示选择对应版本即可 2、采用wget下载 为了不必要的麻烦&#xff0c;建…
阅读更多...
【vscode编辑器插件】前端 php unity自用插件分享

【vscode编辑器插件】前端 php unity自用插件分享

文章目录 一篇一句前言前端vuegitphpunity后端其他待续完结 一篇一句 “思考是最困难的工作&#xff0c;这也许是为什么很少有人这样做。” - 亨利福特&#xff08;Henry Ford&#xff09; 前言 无论是什么语言&#xff0c;我都会选择使用vscode进行开发&#xff0c;我愿称v…
阅读更多...
最新文章

Copyright @ 2022~2023