vue-day09

最新推荐文章于 2024-06-04 03:20:19 发布
最新推荐文章于 2024-06-04 03:20:19 发布
阅读量117 收藏
点赞数
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46690090/article/details/112513343
版权

vue-day09

1-UI组件库element-ui

1.1-安装

npm i element-ui -S

1.2-使用

1.2.1-完整引入

main.js

import Vue from 'vue';
// 1.导入核心包
import ElementUI from 'element-ui';
// 2-导入样式表
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
// 3-注册插件
Vue.use(ElementUI);

1.2.2-按需引入

  1. 安装一个babel的插件babel-plugin-component

    npm i babel-plugin-component -D

  2. 打开babel配置文件.babelrc, 做如下修改

    {
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": [
    "transform-vue-jsx", 
    "transform-runtime",
    // element-ui按需导入配置
   + [
   +   "component",
   +   {
   +     "libraryName": "element-ui",
   +     "styleLibraryName": "theme-chalk"
   +   }
   + ]
  ]
}

  3. 重启开发服务器

    npm run dev

  4. 按需导入组件

    import Vue from 'vue'
// 按需导入组件
import { Button,Divider,Calendar,Carousel,CarouselItem } from 'element-ui'
// 注册组件
Vue.use(Button);
Vue.use(Divider);
Vue.use(Calendar);
Vue.use(Carousel);
Vue.use(CarouselItem);

2-项目开发环境的搭建

2.1-数据接口服务器搭建

  1. 下载shop-api.zip

  2. 解压

  3. 进入项目根目录, 安装项目依赖

    npm i

  4. 导入数据库

  5. 打开项目配置文件/config/global.js

    // 数据库连接参数
exports.dbConfig = {
    host: 'localhost', //数据库地址
    user: 'root',//数据库用户名
    password: 'root',//数据库用户密码
    port: 3306,
    database: 'shop-db' // 数据库名字
}

  6. 启动项目

    数据接口服务器访问地址: http://localhost:3000

    参考项目访问地址:http://localhost:3000/admin

    npm start

2.2-前端开发环境的搭建

  1. 通过vue-cli脚手架初始化一个全新的项目

    vue init webpack vue-element-admin

  2. 安装依赖项

    npm i element-ui vuex axios -S

2.3-准备工作

2.3.0-配置跨域代理服务器
2.3.1-全部引入element-ui

utils/element.js

// 全部导入
import Vue from 'vue';
import element from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// 注册
Vue.use(element);

// 封装一个成功提示
Vue.prototype.$success=function(message){
    this.$message({
        type:'success',
        message
    });
}    

// 封装一个失败提示
Vue.prototype.$error=function(message){
    this.$message({
        type:'error',
        message
    });
}
2.3.2-重置样式

assets/css/reset.css

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
2.3.3-封装axios

utils/http.js

//axios的二次封装
import Vue from 'vue';

import axios from 'axios';

// 导入element-ui中的消息提示方法
import { Message } from 'element-ui';

// 配置基础域名
axios.defaults.baseURL='http://localhost:3000/api';


axios.interceptors.request.use(function(config){
    const loginInfo=JSON.parse(localStorage.getItem('loginInfo')||'{}');
    // 必须通过自定义请求头authorization, 将登录凭证发送给数据接口
    config.headers.authorization=loginInfo.token;
    return config;
});

// 响应拦截器
axios.interceptors.response.use(function(response){
    // 登录超时
    if(response.data.code===403){
        // 消息提示
        Message({type:'warning',message:response.data.msg});
        // 将页面重定向到登录页面
        location.href='#/login';
    }
    return  response.data
});

// 将axios挂载到vue的原型对象上
Vue.prototype.$http=axios;

// 导出
export default axios;
2.3.4-引入vuex

store/index.js

// 1-导入
import Vue from 'vue';
import Vuex from 'vuex';

// 2-注册
Vue.use(Vuex);

// 导入子模块
import menu from './modules/menu'

// 3-创建数据存储对象
const store=new  Vuex.Store({
    state:{},
    mutations:{},
    getter:{},
    actions:{},
    modules:{
        menu
    }
});

// 4-导出
export default store;

store/modules/menu.js

// 导入数据请求方法
import { getMenuList } from '../../request/menu'
export default {
    // 开启独立的命名空间
    namespaced:true,
    state(){
        return {
            // 菜单列表
            menuList:[]
        }
    },
    mutations:{
        // 菜单初始化的方式
        menuInit(state,list){
            state.menuList=list;
        }
    },
    actions:{
        // 请求菜单列表
        getMenuListAction({commit}){
            getMenuList().then(res=>{
                if(res){
                    commit('menuInit',res)
                }
            });
        }
    },
    getters:{

    }
}

3-登录

3.1-登录页面布局

pages/Login.vue

<template>
  <div class="login-container">
    <div class="login-box">
      <h3 class="login-title">小U商城后台管理系统</h3>
      <el-form
        :model="formData"
        :rules="rules"
        ref="loginRef"
        class="login-form"
      >
        <!-- prop: 指定错误消息的显示位置 -->
        <el-form-item prop="username">
          <el-input type="text" placeholder="请输入登录账号" v-model="formData.username" autocomplete="off">
            <template slot="prepend">
              <i class="el-icon-user-solid"></i>
            </template>
          </el-input>
        </el-form-item>
        <el-form-item prop="password">
          <el-input type="password" placeholder="请输入密码" v-model="formData.password" autocomplete="off">
            <template slot="prepend">
              <i class="el-icon-lock"></i>
            </template>
          </el-input>
        </el-form-item>
        <el-form-item>
          <el-button class="btn-login" type="primary" @click="submitForm">提交</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        username: "",
        password: ""
      },
      // 表单校验规则
      rules: {
        username: {required:true,message:'请输入登录账号',trigger:'blur'},
        password: {required:true,message:'请输入登录密码',trigger:'blur'},
      }
    };
  },
  methods: {
    submitForm(formName) {
      // validate: 进行终极表单校验
      // valid: 系统形参, true表单校验通过, false表单校验不通过
      this.$refs.loginRef.validate(valid => {
        if (valid) {
          alert("submit!");
        } else {
          console.log("error submit!!");
          return false;
        }
      });

    }
  }
};
</script>

<style scoped>
.login-container {
  /* vh: viewport height, 是一个相对单位; 100vh=屏幕高度 1vh=1/100屏幕高度 */
  height: 100vh;
  background: url("../assets/imgs/loginbg.jpg");
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-box {
  width: 400px;
  height: 300px;
  background: #fff;
  border-radius: 4px;
  padding:0 30px;
}
.login-title {
  color: #409eff;
  text-align: center;
  margin-top: 40px;
}
.login-form{
  margin-top: 40px;
}
.btn-login{
  width: 100%;
}
</style>

3.2-登录功能的实现

<template>
  <div class="login-container">
    <div class="login-box">
      <h3 class="login-title">小U商城后台管理系统</h3>
      <el-form
        :model="formData"
        :rules="rules"
        ref="loginRef"
        class="login-form"
      >
        <!-- prop: 指定错误消息的显示位置 -->
        <el-form-item prop="username">
          <el-input type="text" placeholder="请输入登录账号" v-model="formData.username" autocomplete="off">
            <template slot="prepend">
              <i class="el-icon-user-solid"></i>
            </template>
          </el-input>
        </el-form-item>
        <el-form-item prop="password">
          <el-input type="password" show-password placeholder="请输入密码" v-model="formData.password" autocomplete="off">
            <template slot="prepend">
              <i class="el-icon-lock"></i>
            </template>
          </el-input>
        </el-form-item>
        <el-form-item>
          <el-button class="btn-login" type="primary" @click="submitForm">提交</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        username: "",
        password: ""
      },
      // 表单校验规则
      rules: {
        username: {required:true,message:'请输入登录账号',trigger:'blur'},
        password: {required:true,message:'请输入登录密码',trigger:'blur'},
      }
    };
  },
  methods: {
    submitForm(formName) {
      // validate: 进行终极表单校验
      // valid: 系统形参, true表单校验通过, false表单校验不通过
      this.$refs.loginRef.validate(valid => {
        if (valid) {
          this.$http.post('/userlogin',this.formData).then(res=>{
            if(res.code===200){
              // 1-将用户相关信息存储到本地存储localStorage中
              localStorage.setItem('loginInfo',JSON.stringify(res.list));
              // 2-给出成功提示
              this.$success(res.msg);
              // 3-跳转到管理中心
              this.$router.push('/');
            }
          })
        } else {
          console.log("error submit!!");
          return false;
        }
      });

    }
  }
};
</script>

4-管理中心

4.1-管理中心页面布局

pages/Layout.vue

<template>
  <el-container>
    <el-aside width="226px">
      <h3 class="logo-text">小U商城后台</h3>
      <!-- 主导航 -->
      <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        background-color="#333"
        text-color="#FFF"
        active-text-color="#FFF"
        router
      >
        <el-menu-item index="1">
          <i class="el-icon-menu"></i>
          <span slot="title">管理中心</span>
        </el-menu-item>

        <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span>系统设置</span>
          </template>
          <el-menu-item index="/menu">
            <span slot="title">菜单管理</span>
          </el-menu-item>
          <el-menu-item index="2-2">
            <span slot="title">角色管理</span>
          </el-menu-item>
          <el-menu-item index="2-3">
            <span slot="title">管理员管理</span>
          </el-menu-item>
        </el-submenu>

        <el-submenu index="3">
          <template slot="title">
            <i class="el-icon-goods"></i>
            <span>商城管理</span>
          </template>
          <el-menu-item index="3-1">
            <span slot="title">分类管理</span>
          </el-menu-item>
          <el-menu-item index="3-2">
            <span slot="title">规格管理</span>
          </el-menu-item>
          <el-menu-item index="3-3">
            <span slot="title">商品管理</span>
          </el-menu-item>
          <el-menu-item index="3-4">
            <span slot="title">轮播图管理</span>
          </el-menu-item>
          <el-menu-item index="3-5">
            <span slot="title">会员管理</span>
          </el-menu-item>
          <el-menu-item index="3-6">
            <span slot="title">活动管理</span>
          </el-menu-item>
        </el-submenu>
      </el-menu>
    </el-aside>
    <el-container>
      <el-header>
        <el-button type="primary" icon="el-icon-s-fold" size="mini"></el-button>
        <el-breadcrumb separator="/">
          <el-breadcrumb-item>管理中心</el-breadcrumb-item>
          <el-breadcrumb-item>页面标题</el-breadcrumb-item>
        </el-breadcrumb>
        <el-button icon="el-icon-back" size="mini" circle></el-button>

        <el-dropdown>
          <span class="el-dropdown-link">
            admin
            <i class="el-icon-arrow-down el-icon--right"></i>
          </span>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>个人信息</el-dropdown-item>
            <el-dropdown-item>全屏预览</el-dropdown-item>
            <el-dropdown-item>安全退出</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
      </el-header>
      <el-main>

          <!-- 二级路由占位符 -->
           <router-view /> 

      </el-main>
    </el-container>
  </el-container>
</template>

<script>
export default {
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
};
</script>

<style scoped>
.el-container {
  height: 100vh;
}

/* logo */
.logo-text {
  background: #444;
  color: #fff;
  line-height: 60px;
  font-weight: normal;
  letter-spacing: 3px;
  text-align: center;
}

/* 导航 */
.el-menu {
  height: calc(100vh - 60px);
  border-right: none;
}
/* 导航高亮类名 */
.is-active {
  background: #409eff !important;
}
/* 页面头部 */
.el-header {
  background-color: #fff;
  line-height: 60px;
  display: flex;
  align-items: center;
}
.el-header button {
  height: 26px;
}
.el-breadcrumb {
  margin:0 20px;
}
.el-dropdown{
    position: absolute;
    right:20px;
}

.el-aside {
  background-color: #d3dce6;
  color: #333;
}

.el-main {
  background-color: #e9eef3;
  color: #333;
}
</style>

5-菜单管理

5.0-数据请求方法封装

request/menu.js

import axios from '../utils/http';
// 获取菜单列表
export async function getMenuList(){
   const res=await axios.get('/menulist?istree=1');
   if(res.code===200){
      return res.list;  
   }
   return false;
}

5.1-菜单列表

pages/menu/Index.vue

<template>
  <el-card>
    <el-button @click="showModal" icon="el-icon-circle-plus-outline" type="primary">新增</el-button>
    <el-divider/>
    <!-- tree-props: 指定二级菜单数据存储的属性节点名称 -->
     <el-table
    :data="menuList"
    style="width: 100%;margin-bottom: 20px;"
    row-key="id"
    :tree-props="{children: 'children'}">
    <el-table-column
      prop="id"
      label="id"
      width="180">
    </el-table-column>
    <el-table-column
      prop="title"
      label="标题"
      width="180">
    </el-table-column>
    <el-table-column
      prop="icon"
      label="图标">
      <!-- 接收组件内部分发出来的数据 -->
      <template v-slot="props">
          <i :class="props.row.icon"></i>
      </template>
    </el-table-column>
    <el-table-column
      prop="status"
      label=" 状态">
       <template v-slot="props">
          <el-tag v-if="props.row.status===1" type="success">正常</el-tag>
          <el-tag v-else type="danger">禁用</el-tag>
      </template>
    </el-table-column>
    <el-table-column
      prop="url"
      label="地址">
    </el-table-column>
    <el-table-column
      label="操作">
      <el-button circle size="mini" icon="el-icon-delete" type="danger"></el-button>
      <el-button circle size="mini" icon="el-icon-edit" type="success"></el-button>
    </el-table-column>
  </el-table>

    <!-- 调用对话框组件  -->
    <Modal :info="info" @updateList="updateList"/>
  </el-card>
</template>

<script>
import Modal from './Modal';
import { mapState,mapActions } from 'vuex';
export default {
  components:{
    Modal
  },
  created(){
    this.getMenuListAction();
  },  
  computed:{
    ...mapState({menuList:state=>state.menu.menuList})
  },
  methods:{
    ...mapActions('menu',['getMenuListAction']),
    showModal(){
       this.info.isShow=!this.info.isShow; 
    },
    // 自定义事件updateList的处理函数
    updateList(){
        this.getMenuListAction();
    }
  },
  data(){
    return {
      info:{
        isShow:false
      }
    }
  }
}
</script>

<style>

</style>

5.2-菜单添加

pages/menu/Modal.vue

<template>
  <el-dialog @close="resetForm" title="收货地址" :visible.sync="info.isShow">
    <el-form ref="menuForm" :model="formData" :rules="rules" label-width="60px">
      <el-form-item label="类型" prop="type">
        <el-radio-group v-model="formData.type">
            <el-radio :label="1">目录</el-radio>
            <el-radio :label="2">菜单</el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item label="上级" v-if="formData.type===2" prop="pid">
        <el-select placeholder="请选择" v-model="formData.pid">
            <el-option :value="0" label="请选择"></el-option>
            <el-option
            v-for="item in menuList"
            :key="item.id"
            :label="item.title"
            :value="item.id">
            </el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="名称" prop="title">
        <el-input placeholder="菜单标题" v-model="formData.title"></el-input>
      </el-form-item> 

      <el-form-item label="图标" v-if="formData.type===1" prop="icon">
        <el-input placeholder="图标" v-model="formData.icon"></el-input>
      </el-form-item> 

      <el-form-item label="地址" v-if="formData.type===2" prop="url">
        <el-input placeholder="地址" v-model="formData.url"></el-input>
      </el-form-item> 

      <el-form-item label="状态" prop="status">
        <el-radio-group v-model="formData.status">
            <el-radio :label="1">正常</el-radio>
            <el-radio :label="2">禁用</el-radio>
        </el-radio-group>
      </el-form-item>

    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="info.isShow = false">取 消</el-button>
      <el-button type="primary" @click="submit">确 定</el-button>
    </div>
  </el-dialog>
</template>

<script>
import { mapState } from 'vuex';
export default {
  computed:{
      ...mapState({menuList:state=>state.menu.menuList})
  },
  // 接收父组件传递过来的数据 
  props: ['info'],
  data() {
    return {
       // 和表单元素进行绑定 
      formData: {
          pid:0,
          title:'',
          icon:'',
          status:'',
          type:1,
          url:''
      },
      // 表单校验规则  
      rules:{
         title:{required:true,message:'请输入名称',trigger:'blur'},
         status:{required:true,message:'请选择状态',trigger:'blur'}
      }
    };
  },
  methods:{
      //   表单提交
      submit(){
          this.$refs.menuForm.validate(valid=>{
              if(valid){
                //  提交表单
                this.$http.post('/menuadd',this.formData).then(res=>{
                    if(res.code===200){
                        this.$success(res.msg);
                        // 1-关闭对话框组件
                        this.info.isShow=false;
                        // 2-更新数据列表
                        this.$emit('updateList')
                    }else{
                        this.$error(res.msg);
                    }
                })
              }
          });
      },
      resetForm(){
          //   重置表单
          this.$refs.menuForm.resetFields();
      }
  }
};
</script>

<style>
</style>

参考文档

是姐姐的甜崽吗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue-cli 安装过程
小脆筒style的博客
10-26 401
Vue-cli 安装 vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。 vue-cli 是 npm 上的一个全局包，使用 npm install 命令，即可方便的把它安装到自己的电脑上： npm install -g @vue/cli 建一个文件夹 day4, 输入cmd 命令后回车进入 基于 vue-cli 快速生成工程化的 Vue 项目： vue create 项目的名称 快捷键： 【上下键盘选择，空格代表选中，两次
Vue-cli4——vue-router路由
zyugat的博客
11-18 4634
Vue-cli4——vue-router路由（一） Day1 文章目录Vue-cli4——vue-router路由（一）前言一、代码解析1.1 src/router/index.js1.2 src/App.vue二、实例2.1 简单的实例2.2 在网页中不显示#号2.3 重定向2.4 router-link2.5 通过代码跳转2.6 路由懒加载三、嵌套与数据传递3.1 嵌套3.2 动态路由传递数据，params3.3 参数传递，query3.4 参数传递案例，params与query3.5 router
【Vue-day2】搭建Vue-cli的Demo
m0_57450589的博客
03-05 302
步骤一： 安装Node.js，下载地址：下载 | Node.js 中文网 下载后可以查看版本号 步骤二：
vue-day3
qq_54513151的博客
06-04 292
文章目录vue-day3项目流程知识点 vue-day3 自定义指令 插槽 VueRouter @指代src目录 router-link/声明式导航 vue-router提供的全局组件， 用于替换a标签 用to代替href 方便实现高亮 跳转传参 动态路由传参 查询参数传参: 更适合于多个参数传递 编程式导航 path和name两种跳转方式 多级路由 vuex store mutations 辅助函数: mapState, mapMutations, mapActions action
linux、windows 安装 vue-cli
weixin_45782719的博客
02-02 1927
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
vue-echarts配置项详解
浮游的博客
07-28 4508
最近接手了一个vue3项目，echarts用的是"vue-echarts": “^6.0.0”，每次查看文档的时候痛苦不已，找一个配置要花费大量时间，所以这篇文章，主要就是为了记录比较常见的一些配置。在package.json中的dependencies里面加一行"vue-echarts": “^6.0.0”，然后npm install，进行安装，这是最简单的。官方文档（写的不详细，很多都是让跳转到echarts官网，再去查找）主要会写三种图的配置项：圆环图、直线图、柱状图。在main.js中引入。
vue-ctk-date-time-picker
m0_72553068的博客
11-25 2176
对于CtkDatetimePicker文档的整理。
下载安装vue-devtools
m0_45144737的博客
03-13 300
下载安装vue-devtools
vue-day01 使用cdn引入使用
m0_63622279的博客
11-19 6244
用于对不同的点击事件做不同的处理。一个简单的点击事件的例子：
Vue-CLI项目-vue-cookie与vue-cookies处理cookie
qq_15058285的博客
10-14 1129
** vue-cookie ** 一.模块的安装 npm install vue-cookie --save #--save可以不用写。 二.配置main.js **// 配置cookie** import cookie from 'vue-cookie' Vue.prototype.$cookie = cookie; //配置时候prototype.$这里的名字自己定义不是固定是cookie...
vue项目中引入vue-datepicker插件的详解
10-16
type: 'day', week: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'], month: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], ...
vue-mobile-calendar:a vue component of calendar for mobile移动端vue日期选择组件
05-17
vue-mobile-calendar a vue component of calendar for mobile 移动端日期选择器（>=vue2.0） ，或手机扫描下方二维码 ...[ feat ] 新增日期中显示自定义内容v-slot:day，使用方法查看demo-9 [ ] during 模式下，增加
vue-filter-date-format-Vue 2的简单日期时间过滤器。-Vue.js开发
05-27
@ vuejs-community / vue-filter-date-format用于Vue.js的简单日期时间过滤器从npm安装安装$ npm install @ vuejs-community / vue-filter-date @ vuejs-community / vue-...Vue.use（VueFilterDateFormat，{dayOf
vue-基础-day01.md
01-10
vue-基础-day01.md
vue-vixens-day:用CodeSandbox创建
04-28
一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view ...
顶尖电子称条码秤LS系列称固件，最新固件，固件
最新发布
08-28
顶尖电子称条码秤LS系列称固件，最新固件，固件
爬取淘宝热销(热门)咖啡商品信息数据集
08-28
本资源旨在收集淘宝平台上热销咖啡商品的相关信息，包括但不限于：店铺所在省份、城市位置、商品名称、销售价格、销量数据、单价（以人民币计）、付款人数、是否提供包邮服务、是否来自天猫平台以及满减优惠的详细信息。这些信息均来源于淘宝平台的公开透明数据，可供学习参考之用。请注意，本资源仅用于学术研究和个人学习目的，不得用于商业用途或其他非法活动。
爬取的淘宝新品推荐男装商品信息公开透明数据集
08-28
本资源专注于收集淘宝平台最新推荐的男装商品信息，内容涵盖商品的店铺所在省份、城市位置、商品的名称、销售价格、累积销量、单价（以人民币计价）、付款的顾客人数、是否提供包邮服务、是否为天猫平台的商品，以及相关的满减优惠情况。这些详细的数据点均来源于淘宝平台的公开透明信息，经过精确抓取和整理，旨在为分析电商平台上的新品推荐策略和消费者购买行为提供实用数据。 这些数据严格遵循淘宝平台的公开政策和隐私保护原则获取，确保了信息的合法性与合规性。然而，本资源仅作为学习参考之用，意在帮助研究人员、市场分析师或学生等理解电商领域的商品推荐机制、销售动态及市场趋势。 任何将此数据用于商业目的或其他未授权的活动都是不恰当的，甚至可能触犯相关法律条款。 在使用这些数据进行学术研究或个人学习时，用户应自觉遵守相关法律法规，尊重数据来源和版权，正确引用数据源，并不得用于任何形式的商业盈利。
STM32F4的环境配置，可直接运行STM32F4系列的芯片
08-28
STM32F4的环境配置，可直接运行STM32F4系列的芯片
vue-cron默认值
02-29
vue-cron 是一个基于 Vue.js 的 cron 表达式生成器组件。它可以帮助用户生成 cron 表达式，并提供了一些默认值来简化使用。 vue-cron 的默认值如下： 1. 秒（Seconds）：默认为 "0"，表示每分钟的第 0 秒执行。 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值