px8Y25gMnWbQ
使用Hbuiderx创建项目，然后新建页面，下面贴出代码。 水平滚动 <template> <view> <view>水平滚动</view> <scroll-viewclass="scorll":scroll-x="true":scroll-with-animation="true"> <viewclass="itemone">001</view> <viewclass="itemtwo">002</view> <viewclass="itemthr...
这个代码就是基本完结了。我把全部代码都贴出来，供大家参考学习。 项目情况截图 代码 api homeindex.js importrequestfrom'@/api/request.js' exportconstgetBannerAds=()=>{ returnrequest({ url:'/lejuClient/home/bannerAds', method:'GET' }) } exportconstdoLogin=(data)=>{ returnrequest({ url:'/lejuClient/login/doLogin', metho...
还是接着之前的内容 项目情况截图 代码 mine.vue <template> <viewclass="info"> <viewclass="user-info"> <image:src="userInfo.icon"mode=""class="avatar"></image> <textclass="nickname">{{userInfo.nickname}}</text> <textclass="username">用户名：{{userInfo.username...
还是接着之前的内容 项目情况截图 kind kind.vue <template> <view> <buttontype="default"@tap="goProduct">api方式跳转到商品页</button> <navigatorurl="/pages/kind/list/list">组件方式跳转至商品页</navigator> <viewclass="nav-item"v-for="itemincategoryList":key="item.pmsProductCategory.id"@...
接着之前的内容 项目结构图 home.vue <template> <view> <viewclass="nav-area"> <!-这里状态栏--> </view> <!-轮播图--> <swiper:indicator-dots="true":autoplay="true":interval="3000":duration="1000"circular> <swiper-itemv-for="iteminbarnerList":key="item.id"> ...
在使用vant开发模拟手机商城之后，我发现vant开发是比较轻量的，不太符合我心中的预期。 于是我去找教程学习uniapp，再学习过程中，我把自己敲的代码提出来，供大家参考学习，也许对 你有所帮助呢。 下面介绍一下uniapp uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 上面这段内容是uniapp官网自己的介绍，我借用一下。 说的直白些，uniapp就是全端开发，使用它可以开发vue2，vue3web程序，可以开发...
SpringMVC是Spring框架的扩展，主要用于Web开发。SpringMVC通过ModelView-Controller模式将数据、业务与效果展示进行分离，其核心是围绕DispatcherServlet类展开的。 DispatcherServlet类负责将请求分配给对应的Handler进行处理，然后将数据返回给指定的视图，完成整个请求过程。SpringMVC的请求流程如图所示。 根据图所示，SpringMVC的请求流程如下： （1）用户向前端控制器（DispatcherServlet）发起请求，该控制器会过滤不能访问的用户请求。 （2）前端控制器通过处理器映射器将URL匹...
接着上一个的内容，代码我就不全部贴了， 有变化的部分发一下 springboot后端 pojo book.java packagecom.shrimpking.pojo; importjava.math.BigDecimal; importcom.baomidou.mybatisplus.annotation.TableName; importcom.baomidou.mybatisplus.annotation.IdType; importcom.baomidou.mybatisplus.annotation.TableId; importjava.io.Serializable; i...
我们接着之前的内容，全部代码我贴一下，大家参考使用。 数据库 droptableifexistsan_user; createtablean_user( idintnotnullauto_incrementprimarykeycomment'主键id', namevarchar(255)notnulluniquecomment'姓名', `password`varchar(255)notnullcomment'密码', ageint(3)defaultnullcomment'年龄', sexvarchar(10)defaultnullcomment'性别', phonevarc...
新建项目 使用idea工具，新建空工程，内建springboot模块和vue模块。 使用npm命令，下载安装vant组件库， npmivant@latest-v2-S 可以登录vant官网，查看详细教程， vant官网------https://vant-contrib.gitee.io/vant/v2//zh-CN/ 按照vant官网提供的步骤，先进行rem适配等操作。 npminstalllib-flexible--save npminstallpostcss-pxtorem@5.1.1pxtorem-loader--save 在vue项目根目录中，新建postcss.confi...
前面我把主要功能的代码都贴出来了，这是最后一个内容，是个合集，我把全部代码都贴出来，供大家学习参考。 项目结构截图 数据库 droptableifexistsap_customer; CREATETABLE`ap_customer`( `id`bigint(20)NOTNULLAUTO_INCREMENTCOMMENT'主键id', `name`varchar(50)DEFAULTNULLCOMMENT'客户名称', `company_address`varchar(255)DEFAULTNULLCOMMENT'公司地址', `person`varchar(20)DEF...
下面我接着上一课的内容，开始学习后端的代码 现在新建的springboot项目的pom.xm文件中，新增几个jar包 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-configuration-processor</artifactId> <optional>true</optional> </dependency> <dependency> <groupId>...
store actions.js //vuex的异步调用方法 exportdefault{ //保存用户 setUserInfo(context,params){ context.commit('SET_USER_INFO',params); }, //新增页签tab addTab(context,tab){ context.commit('ADD_TAB',tab); }, //关闭页签tab closeTab(context,tabName){ context.commit('CLOSE_TAB',tabName); }, //保存学生列表 setStudentList(conte...
contants mycontants.java packagecom.shrimpking.constants; importjava.nio.charset.StandardCharsets; / CreatedbyIntelliJIDEA. @Author:Shrimpking @create2023/11/422:37 自定义常量类 / publicinterfaceMyConstants { / token的key名称 / StringUSER_TOKEN_KEY="user_token"; / / StringUTF_8_NAME=StandardCharsets.UT...
login.vue <template> <!-登录框区域--> <divclass="login"> <!-登录框中的标题文字--> <h1class="login-title">学生成绩管理系统</h1> <!-登录表单,--> <!-model是绑定数据，rules是校验规则，ref是表单名称,--> <el-form :model="loginForm" :rules="rules" ref="loginForm" label-position="left" class="logi...
Student addStudent.vue <template> <div> <!-新增对话框--> <!-- title是标题 width是宽度 visible是否显示 close-on-click-model，true表示单击框体外侧，自动关闭窗体，非模态，false框体一直显示，模态对话框 before-close窗体关闭时事件 --> <el-dialog title="新增学生" width="35%" :visible="addDialogVisible" :close-on-click-modal="false" :be...
plugins import{doGet,formPost,appJsonPost}from"@/network/request"; / 利用vue的插件机制 / exportdefault{ install(Vue){ //将来在vue组件中，使用this.$doGet使用 Vue.prototype.$doGet=doGet;//get访问 Vue.prototype.$formPost=formPost;//post表单模式 Vue.prototype.$appJsonPost=appJsonPost;//postjson模式 } } router importVuefrom'...
components myHeader.vue <template> <divclass="my-header"> <!-布局，一行--> <el-row> <!-布局，占12列--> <el-col:span="12"class="header-title"> <!-系统标题，文字类，未使用图标形式，可以在这里替换--> <h1>学生成绩管理系统</h1> </el-col> <!-布局，占2列，右位移10列--> <el-col:span="2":o...
vue后端 vue.config.js module.exports={ transpileDependencies:true, //关闭eslint的校验 lintOnSave:false, devServer:{ //配置前端访问端口 port:8080 } } package.json { "name":"vueweb", "version":"0.1.0", "private":true, "scripts":{ "serve":"vue-cli-serviceserve", "build":"vue-cli-servicebuild" }, "dependencies":{ ...
req loginReq.java packagecom.shrimpking.req; importlombok.Data; importjavax.validation.constraints.NotBlank; / CreatedbyIntelliJIDEA. @Author:Shrimpking @create2023/11/416:51 登录请求的 / @Data publicclassLoginReq { / 验证不为空 / @NotBlank privateStringuserName; / 验证不为空 / @NotBlank privateStringpwd; ...