刊ing
刊ing

day07项目【课程发布-添加课程信息】

课程相关表关系

01-课程发布表单-步骤导航

一、需求

二、配置路由

1、添加路由

 {

    path: '/course',

    component: Layout,

    redirect: '/course/list',

    name: '课程管理',

    meta: { title: '课程管理', icon: 'example' },

    children: [

      {

        path: 'list',

        name: '课程列表',

        component: () => import('@/views/edu/course/list'),

        meta: { title: '课程列表', icon: 'table' }

      },

      {

        path: 'info',

        name: 'EduCourseInfo',

        component: () => import('@/views/edu/course/info'),

        meta: { title: '发布课程' ,icon: 'tree'}

      },

      {

        path: 'info/:id',

        name: 'EduCourseInfoEdit',

        component: () => import('@/views/edu/course/info'),

        meta: { title: '编辑课程基本信息', noCache: true },

        hidden: true

      },

      {

        path: 'chapter/:id',

        name: '编辑课程大纲',

        component: () => import('@/views/edu/course/chapter'),

        meta: { title: '编辑课程大纲', icon: 'tree' },

        hidden: true

      },

      {

        path: 'publish/:id',

        name: 'EduTeacherEdit',

        component: () => import('@/views/edu/course/publish'),

        meta: { title: '发布课程', noCache:true },

        hidden:true

      }

    ]

  },

2、添加vue组件

三、整合步骤条组件

参考 http://element-cn.eleme.io/#/zh-CN/component/steps

1、课程信息页面

info.vue

2、课程大纲页面

chapter.vue

3、课程发布页面

publish.vue

02-编辑课程基本信息

一、后台api

1、定义form表单对象

CourseInfoVo.java

@ApiModel(value = "课程基本信息", description = "编辑课程基本信息的表单对象")

@Data

public class CourseInfoVo implements Serializable {

    private static final long serialVersionUID = 1L;

    @ApiModelProperty(value = "课程ID")

    private String id;

    @ApiModelProperty(value = "课程讲师ID")

    private String teacherId;

    @ApiModelProperty(value = "课程专业ID")

    private String subjectId;

    @ApiModelProperty(value = "课程标题")

    private String title;

    @ApiModelProperty(value = "课程销售价格，设置为0则可免费观看")

    //0.01

    private BigDecimal price;

    @ApiModelProperty(value = "总课时")

    private Integer lessonNum;

    @ApiModelProperty(value = "课程封面图片路径")

    private String cover;

    @ApiModelProperty(value = "课程简介")

    private String description;

}

2、修改CourseDescription主键生成策略

由于课程表和课程简介表是一对一的关系，所以简介表的id应该与课程表的id一致。

3、定义控制层接口

@RestController

@RequestMapping("/eduservice/course")

@CrossOrigin

public class EduCourseController {

    @Autowired

    private EduCourseService courseService;

    //添加课程基本信息的方法

    @ApiOperation(value = "新增课程")

    @PostMapping("addCourseInfo")

    public R addCourseInfo( @ApiParam(name = "CourseInfoForm", value = "课程基本信息", required = true)

            @RequestBody CourseInfoVo courseInfoVo){

        courseService.saveCourseInfo(courseInfoVo);

        return R.ok();

    }

}

4、定义业务层方法

接口：EduCourseService.java

public interface EduCourseService extends IService {

    //添加课程基本信息的方法

    void saveCourseInfo(CourseInfoVo courseInfoVo);

}

实现：EduCourseServiceImpl.java

@Service

public class EduCourseServiceImpl extends ServiceImpl implements EduCourseService {

    @Autowired

    private EduCourseDescriptionService courseDescriptionService;

    @Override

    public void saveCourseInfo(CourseInfoVo courseInfoVo) {

        //1 向课程表添加课程基本信息

        //将CourseInfoVo对象转换为eduCourse对象

        EduCourse eduCourse = new EduCourse();

        BeanUtils.copyProperties(courseInfoVo,eduCourse);

        int insert = baseMapper.insert(eduCourse);

        if (insert == 0){

            //添加失败

            throw new GuliException(20001,"添加课程信息失败");

        }

        //获取添加之后的课程id

        String cid = eduCourse.getId();


        //2 向课程简介表添加课程简介

        //EduCourseDescription

        EduCourseDescription courseDescription = new EduCourseDescription();

        courseDescription.setDescription(courseInfoVo.getDescription());


        //设置描述id就是课程id

        courseDescription.setId(cid);

        courseDescriptionService.save(courseDescription);

    }

}

6、Swagger测试

二、前端实现

1、定义api

import request from '@/utils/request'

export default{

    //1 添加课程信息

    addCourseInfo(courseInfo){

        return request({

            url:`/eduservice/course/addCourseInfo`,

            method:'post',

            data:courseInfo

        })

    }

}

2、组件模板


        

            

        


        


        


        

            

        


        

        

            

        

        

        

             元

        

        

            保存并下一步

        

    

3、组件js


03-课程分类多级联动的实现

一、需求

二、获取一级分类

1、组件数据定义

定义在data中

            subjectOneList:[],//一级分类

            subjectTwoList:[],//二级分类

2、组件模板

        

            

                v-model="courseInfo.subjectParentId"

                placeholder="一级分类">

                

                    v-for="subject in subjectOneList"

                    :key="subject.id"

                    :label="subject.title"

                    :value="subject.id"/>

            

    

3、组件脚本

表单初始化时获取一级分类嵌套列表，引入subject api

import subject from '@/api/edu/subject'

定义方法

        //获取一级分类

        getOneSubjectList(){

            subject.getSubjectList()

                .then(response=>{

                    this.subjectOneList = response.data.list

                })

        },

三、级联显示二级分类

1、组件模板

            

            subjectId" placeholder="二级分类">

                

                    v-for="subject in subjectTwoList"

                    :key="subject.id"

                    :label="subject.title"

                    :value="subject.id"/>

            

2、注册change事件

在一级分类的组件中注册change事件

        

        

            

                v-model="courseInfo.subjectParentId"

                placeholder="一级分类" @change="subjectLevelOneChanged">

               .......

            

3、定义change事件方法

        //点击某一个一级分类，触发change事件，显示对应二级分类

        subjectLevelOneChanged(value){

            //value就是一级分类id值

            //遍历所有的分类，包含一级和二级

            for(var i =0; isubjectOneList.length;i++){

                //每一个一级分类

                var oneSubject = this.subjectOneList[i]

                //判断：所有一级分类id和点击一级分类id是否一样

                if(oneSubject.id === value){

                    //从一级分类获取里面所有的二级分类

                    this.subjectTwoList = oneSubject.children

                    //把二级分类id值清空

                    this.courseInfo.subjectId = ''

                }

            }

        },

04-讲师下拉列表

一、前端实现

1、组件模板

        

        

        

            

                v-model="courseInfo.teacherId"

                placeholder="请选择">

                

                    v-for="teacher in teacherList"

                    :key="teacher.id"

                    :label="teacher.name"

                    :value="teacher.id"/>

            

        

2、定义api

api/edu/course.js

//2 查询所有讲师

    getListTeacher(){

        return request({

            url:`/eduservice/teacher/findAll`,

            method:'get'

        })

    }

组件中引入course api

import course from '@/api/edu/course'

3、组件脚本

定义data

teacherList:[],//讲师列表

获取讲师列表：

        //查询所有讲师

        getListTeacher(){

            course.getListTeacher()

                .then(response => {

                    this.teacherList = response.data.items

                })

        }

  created(){

        //初始化所有讲师

        this.getListTeacher()

    },

05-富文本编辑器Tinymce

一、Tinymce可视化编辑器

参考

https://panjiachen.gitee.io/vue-element-admin/#/components/tinymce

https://panjiachen.gitee.io/vue-element-admin/#/example/create

二、组件初始化

Tinymce是一个传统javascript插件，默认不能用于Vue.js因此需要做一些特殊的整合步骤

1、复制脚本库

将脚本库复制到项目的static目录下（在vue-element-admin-master的static路径下）

2、配置html变量

在 guli-admin/build/webpack.dev.conf.js 中添加配置

使在html页面中可是使用这里定义的BASE_URL变量

3、引入js脚本

在guli-admin/index.html 中引入js脚本

    /tinymce4.7.5/tinymce.min.js>

    /tinymce4.7.5/langs/zh_CN.js>

三、组件引入

为了让Tinymce能用于Vue.js项目，vue-element-admin-master对Tinymce进行了封装，下面我们将它引入到我们的课程信息页面

1、复制组件

src/components/Tinymce

2、引入组件

课程信息组件中引入 Tinymce

import Tinymce from '@/components/Tinymce' //引用

export default {

    components: { Tinymce }, //声明

    .......

}

3、组件模板

       

        

            courseInfo.description"/>

        

4、组件样式

在info.vue文件的最后添加如下代码，调整上传图片按钮的高度

/* scoped表示只在当前页面有效 */    

    .tinymce-container {

        line-height: 29px;

    }

5、图片的base64编码

Tinymce中的图片上传功能直接存储的是图片的base64编码，因此无需图片服务器

测试：

添加一级分类id：


06-课程封面

一、整合上传组件

参考 http://element-cn.eleme.io/#/zh-CN/component/upload用户头像上传

1、定义data数据

BASE_API: process.env.BASE_API, // 接口API地址

2、组件模板

在info.vue中添加上传组件模板

        

                 


            

                :show-file-list="false"

                :on-success="handleAvatarSuccess"

                :before-upload="beforeAvatarUpload"

                :action="BASE_API+'/eduoss/fileoss'"

                class="avatar-uploader">

            

        

5、结果回调

        //上传封面成功

        handleAvatarSuccess(res, file){

            this.courseInfo.cover = res.data.url

        },

        //上传封面之前

        beforeAvatarUpload(file){

            const isJPG = file.type === 'image/jpeg'

            const isLt2M = file.size / 1024 / 1024 < 2


            if (!isJPG) {

                this.$message.error('上传头像图片只能是 JPG 格式!')

            }

            if (!isLt2M) {

                this.$message.error('上传头像图片大小不能超过 2MB!')

            }

            return isJPG && isLt2M

        },



07-课程信息回显

一、后端实现

1、业务层

接口：CourseService.java

//根据ID查询课程

CourseInfoVo getCourseInfoFormById(String courseId);

实现：CourseServiceImpl.java

@Override

    public CourseInfoVo getCourseInfoFormById(String courseId) {

        //1 查询课程表

        EduCourse eduCourse = baseMapper.selectById(courseId);

//        EduCourse eduCourse = this.getById(courseId);

        if (eduCourse == null){

            throw new GuliException(20001, "数据不存在");

        }

        //把eduCourse对象中的值复制到courseInfoVo中

        CourseInfoVo courseInfoVo = new CourseInfoVo();

        BeanUtils.copyProperties(eduCourse,courseInfoVo);


        //2 查询描述表

        EduCourseDescription courseDescription = courseDescriptionService.getById(courseId);

        if (eduCourse !=null){

            //讲描述信息放入courseInfoVo

            courseInfoVo.setDescription(courseDescription.getDescription());

        }

        return courseInfoVo;

    }

2、web层

    @ApiOperation(value = "根据ID查询课程")

    @GetMapping("getCourseInfo/{courseId}")

    public R getCourseInfo(@ApiParam(name = "id", value = "课程ID", required = true)

                        @PathVariable String courseId){

      CourseInfoVo courseInfoVo  = courseService.getCourseInfoFormById(courseId);

        return R.ok().data("courseInfoVo",courseInfoVo);

    }

3、Swagger中测试

二、前端实现

1、定义api

api/edu/course.js

 //3 根据id获取课程基本信息

    getCourseInfoById(id){

        return request({

            url:`/eduservice/course/getCourseInfo/${id}`,

            method:'get'            

        })

    },

2、组件js

data中声明：

  courseId:'',

created（）

    //获取路由中的路由id值

        if(this.$route.params && this.$route.params.id){

            this.courseId = this.$route.params.id

            //调用

            this.getInfo()

        }

方法：

    //根据id获取课程信息

        getInfo(){

            course.getCourseInfoById(this.courseId)

                .then(response => {

                    this.courseInfo = response.data.courseInfoVo

                })

        },

三、解决级联下拉菜单回显问题

1、数据库中增加冗余列

subject_parent_id课程专业父级ID

2、pojo中增加属性

entity.Course.java

form.CourseInfo.java

@ApiModelProperty(value = "一级分类ID")

    private String subjectParentId;

3、vue组件中绑定数据

edu/course/info.vue

4、修改init方法

将 this.initSubjectList() 和 this.initTeacherList()移至else

        //init方法

        init(){

             //获取路由中的路由id值

            if(this.$route.params && this.$route.params.id){

                this.courseId = this.$route.params.id

                //调用

                this.getInfo()

            }else{

                //清空表单

                this.courseInfo = {...defaultForm}

                //初始化所有讲师

                this.getListTeacher()

                //初始化一级分类

                this.getOneSubjectList()

            }

        },

5、修改fetchCourseInfoById方法

解决在返回上一步的二级表单的问题。

    //根据id获取课程信息

        getInfo(){

            course.getCourseInfoById(this.courseId)

                .then(response => {

                    this.courseInfo = response.data.courseInfoVo

                    //1 查询所有的分类，包含一级和二级

                    subject.getSubjectList()

                        .then(response=>{

                            //2 获取所有一级分类

                            this.subjectOneList = response.data.list

                            //3 把所有的一级分类数组进行遍历

                            for(var i=0;i

                                //获取每一个一级分类

                                var subjectOne = this.subjectOneList[i]

                                //比较当前courseInfo里面的一级分类id和所有的一级分类id

                                if(this.courseInfo.subjectParentId == subjectOne.id){

                                    //获取一级分类里面的所有二级分类

                                    this.subjectTwoList = subjectOne.children

                                }

                            }

                        })

                        //初始化所有讲师

                        this.getListTeacher()

                })

        },

刷新发布课程页面：

const defaultForm = {

    title: '',

    subjectId: '',//二级分类id

    subjectParentId:'',//一级分类id

    teacherId: '',

    lessonNum: 0,

    description: '',

    cover: '/static/11.jpg',

    price: 0

}

 created(){

       this.init()

    },

        //init方法

        init(){

             //获取路由中的路由id值

            if(this.$route.params && this.$route.params.id){

                this.courseId = this.$route.params.id

                //调用

                this.getInfo()

            }else{

                //清空表单

                this.courseInfo = {...defaultForm}

                //初始化所有讲师

                this.getListTeacher()

                //初始化一级分类

                this.getOneSubjectList()

            }

        },


    //监听

    watch:{

        $route(to,from){ //路由变化方式，路由发生变化，方法就会执行

            this.init()

        }

    },


08-更新课程信息

一、后端实现

1、业务层

接口：EduCourseService.java

    //更新课程信息

    void updateCourseInfoById(CourseInfoVo courseInfoVo);

实现：EduCourseServiceImpl.java

    //更新课程信息

    @Override

    public void updateCourseInfoById(CourseInfoVo courseInfoVo) {

        //1 修改课程表

        EduCourse eduCourse = new EduCourse();

        BeanUtils.copyProperties(courseInfoVo,eduCourse);

        int update = baseMapper.updateById(eduCourse);

        if (update == 0){

            throw new GuliException(20001,"修改课程信息失败");

        }

        //2 修改描述表

        EduCourseDescription courseDescription = new EduCourseDescription();

        courseDescription.setId(courseInfoVo.getId());

        courseDescription.setDescription(courseInfoVo.getDescription());

        courseDescriptionService.updateById(courseDescription);

    }

2、web层

    //更新课程信息

    @ApiOperation(value = "更新课程")

    @PostMapping("updateCourseInfo")

    public R updateCourseInfo( @ApiParam(name = "CourseInfoForm", value = "课程基本信息", required = true)

                                  @RequestBody CourseInfoVo courseInfoVo){

        courseService.updateCourseInfoById(courseInfoVo);

        return R.ok();

    }

二、前端实现

1、定义api

course.js

 //4 修改课程基本信息

    updateCourseInfoById(courseInfo){

        return request({

            url:`/eduservice/course/updateCourseInfo`,

            method:'post',

            data:courseInfo

        })

    }

2、组件js

info.vue

 updateCourse(){

            course.updateCourseInfoById(this.courseInfo)

                .then(response=>{

                    //提示

                    this.$message({

                         type: 'success',

                         message: '修改课程信息成功!'

                    });

                    //跳转到第二步

                    this.$router.push({path:'/course/chapter/'+this.courseId})

                })

        },

 saveOrUpdate(){

           if(!this.courseInfo.id){

               //添加

               this.addCourse()

           }else{

               //修改

               this.updateCourse()

           }

        },

403错误

你可能感兴趣的:(day07项目【课程发布-添加课程信息】)

  • 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄
    很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
  • android系统selinux中添加新属性property 辉色投像
    1.定位/android/system/sepolicy/private/property_contexts声明属性开头：persist.charge声明属性类型：u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property
  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 地推话术，如何应对地推过程中家长的拒绝 校师学
    相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业
  • 如何在 Fork 的 GitHub 项目中保留自己的修改并同步上游更新？github_fork_update iBaoxing github
    如何在Fork的GitHub项目中保留自己的修改并同步上游更新？在GitHub上Fork了一个项目后，你可能会对项目进行一些修改，同时原作者也在不断更新。如果想要在保留自己修改的基础上，同步原作者的最新更新，很多人会不知所措。本文将详细讲解如何在不丢失自己改动的情况下，将上游仓库的更新合并到自己的仓库中。问题描述假设你在GitHub上Fork了一个项目，并基于该项目做了一些修改，随后你发现原作者对
  • 消息中间件有哪些常见类型 xmh-sxh-1314 java
    消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
  • 高级编程--XML+socket练习题 masa010 java开发语言
    1.北京华北2114.8万人上海华东2,500万人广州华南1292.68万人成都华西1417万人（1）使用dom4j将信息存入xml中（2）读取信息，并打印控制台（3）添加一个city节点与子节点（4）使用socketTCP协议编写服务端与客户端，客户端输入城市ID，服务器响应相应城市信息（5）使用socketTCP协议编写服务端与客户端，客户端要求用户输入city对象，服务端接收并使用dom4j
  • 抖音乐买买怎么加入赚钱?赚钱方法是什么 测评君高省
    你会在抖音买东西吗?如果会，那么一定要免费注册一个乐买买，抖音直播间，橱窗，小视频里的小黄车买东西都可以返佣金!省下来都是自己的，分享还可以赚钱乐买买是好省旗下的抖音返佣平台，乐买买分析社交电商的价值，乐买买属于今年难得的副业项目风口机会，2019年错过做好省的搞钱的黄金时期，那么2022年千万别再错过乐买买至于我为何转到高省呢？当然是高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自
  • git常用命令笔记 咩酱-小羊 git笔记
    ###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"基本操作克隆远程仓库gitclone查看
  • python os.environ 江湖偌大 python深度学习
    os.environ['TF_CPP_MIN_LOG_LEVEL']='0'#默认值，输出所有信息os.environ['TF_CPP_MIN_LOG_LEVEL']='1'#屏蔽通知信息（INFO）os.environ['TF_CPP_MIN_LOG_LEVEL']='2'#屏蔽通知信息和警告信息（INFO\WARNING）os.environ['TF_CPP_MIN_LOG_LEVEL']='
  • 基于社交网络算法优化的二维最大熵图像分割 智能算法研学社（Jack旭） 智能优化算法应用图像分割算法php开发语言
    智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码文章目录智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码1.前言2.二维最大熵阈值分割原理3.基于社交网络优化的多阈值分割4.算法结果：5.参考文献：6.Matlab代码摘要：本文介绍基于最大熵的图像分割，并且应用社交网络算法进行阈值寻优。1.前言阅读此文章前，请阅读《图像分割：直方图区域划分及信息统计介绍》htt
  • 特殊的拜年 飘雪的天堂
    文/雪儿大年初一，家家户户没有了轰响的鞭炮声，大街上没有了人流涌动的喧闹，几乎看不到人影，变得冷冷清清。天刚亮不大会儿，村里的大喇叭响了起来：由于当前正值疾病高发期，流感流行的高峰期。同时，新型冠状病毒感染的肺炎进入第二波流行的上升期。为了自己和他人的健康安全着想，请大家尽量不要串门拜年，不要在街里走动。可以通过手机微信，视频，电话，信息拜年……今年的春节真是特别。禁止燃放鞭炮，烟花爆竹，禁止出村
  • 使用Apify加载Twitter消息以进行微调的完整指南 nseejrukjhad twittereasyui前端python
    #使用Apify加载Twitter消息以进行微调的完整指南##引言在自然语言处理领域，微调模型以适应特定任务是提升模型性能的常见方法。本文将介绍如何使用Apify从Twitter导出聊天信息，以便进一步进行微调。##主要内容###使用Apify导出推文首先，我们需要从Twitter导出推文。Apify可以帮助我们做到这一点。通过Apify的强大功能，我们可以批量抓取和导出数据，适用于各类应用场景。
  • 深入理解 MultiQueryRetriever：提升向量数据库检索效果的强大工具 nseejrukjhad 数据库python
    深入理解MultiQueryRetriever：提升向量数据库检索效果的强大工具引言在人工智能和自然语言处理领域，高效准确的信息检索一直是一个关键挑战。传统的基于距离的向量数据库检索方法虽然广泛应用，但仍存在一些局限性。本文将介绍一种创新的解决方案：MultiQueryRetriever，它通过自动生成多个查询视角来增强检索效果，提高结果的相关性和多样性。MultiQueryRetriever的工
  • GitHub上克隆项目 bigbig猩猩 github
    从GitHub上克隆项目是一个简单且直接的过程，它允许你将远程仓库中的项目复制到你的本地计算机上，以便进行进一步的开发、测试或学习。以下是一个详细的步骤指南，帮助你从GitHub上克隆项目。一、准备工作1.安装Git在克隆GitHub项目之前，你需要在你的计算机上安装Git工具。Git是一个开源的分布式版本控制系统，用于跟踪和管理代码变更。你可以从Git的官方网站（https://git-scm.
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • log4j配置 yy爱yy
    #log4j.rootLogger配置的是大于等于当前级别的日志信息的输出#log4j.rootLogger用法:（注意appenderName可以是一个或多个）#log4j.rootLogger=日志级别,appenderName1,appenderName2,....#log4j.appender.appenderName2定义的是日志的输出方式，有两种：一种是命令行输出或者叫控制台输出，另一
  • git - Webhook让部署自动化 大猪大猪
    我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时
  • MYSQL面试系列-04 king01299 面试mysql面试
    MYSQL面试系列-0417.关于redolog和binlog的刷盘机制、redolog、undolog作用、GTID是做什么的？innodb_flush_log_at_trx_commit及sync_binlog参数意义双117.1innodb_flush_log_at_trx_commit该变量定义了InnoDB在每次事务提交时，如何处理未刷入（flush）的重做日志信息（redolog）。它
  • 每日算法&面试题，大厂特训二十八天——第二十天（树） 肥学 ⚡算法题⚡面试题每日精进java算法数据结构
    目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
  • 2022现在哪个打车软件比较好用又便宜 实惠的打车软件合集 高省APP珊珊
    这是一个信息高速传播的社会。信息可以通过手机，微信，自媒体，抖音等方式进行传播。但同时这也是一个交通四通发达的社会。高省APP，是2022年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入。珊珊导师，高省邀请码777777，注册送2皇冠会员，送万元推广大礼包，教你如何1年做到百万团队。高
  • Faiss Tips：高效向量搜索与聚类的利器 焦习娜Samantha
    FaissTips：高效向量搜索与聚类的利器faiss_tipsSomeusefultipsforfaiss项目地址:https://gitcode.com/gh_mirrors/fa/faiss_tips项目介绍Faiss是由FacebookAIResearch开发的一个用于高效相似性搜索和密集向量聚类的库。它支持多种硬件平台，包括CPU和GPU，能够在海量数据集上实现快速的近似最近邻搜索（AN
  • 没有邀请码怎么注册买手妈妈? 氧惠评测
    买手妈妈怎么注册小编为大家带来买手妈妈没有邀请码怎么注册。打开买手妈妈APP，点击“马上注册”，输入邀请信息“邀请码”点击下一步，没有邀请码是登录不上的，所以这个必须要填写，那我们没有怎么办？填写成功就可以登录下一步。这里面有手机登录和淘宝登录，手机登录以后也需要用淘宝授权的，所以基本上都是淘宝登录。购物、看电影、点外卖、用氧惠APP！更优惠！氧惠（全网优惠上氧惠）——是与以往完全不同的抖客+淘客
  • pyecharts——绘制柱形图折线图 2224070247 信息可视化pythonjava数据可视化
    一、pyecharts概述自2013年6月百度EFE(ExcellentFrontEnd）数据可视化团队研发的ECharts1.0发布到GitHub网站以来，ECharts一直备受业界权威的关注并获得广泛好评，成为目前成熟且流行的数据可视化图表工具，被应用到诸多数据可视化的开发领域。Python作为数据分析领域最受欢迎的语言，也加入ECharts的使用行列，并研发出方便Python开发者使用的数据
  • 冬天短期的暴利小生意有哪些？那些小生意适合新手做？ 一起高省
    短期生意不失为创业的一个商机，不过短期生意的商机是转瞬即逝的，而且这类生意也很难作为长期的生意去做，那冬天短期暴利小生意查看更多关于短期暴利小生意的文章有哪些呢?给大家先推荐一个2023年风口项目吧，真很不错的项目，全程零投资，当做副业来做真的很稳定，不管你什么阶层的人，或多或少都网购吧？你们知道网购是可以拿提成，拿返利，拿分佣的吗？你们知道很多优惠券群里面，天天群主和管理发一些商品吗？他们其实在
  • 数据仓库——维度表一致性 墨染丶eye 背诵数据仓库
    数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
  • 闲鱼鱼小铺怎么开通？鱼小铺开通需要哪些流程？ 高省APP大九
    闲鱼鱼小铺是平台推出的一个专业程度的店铺，与普通店铺相比会有更多的权益，比如说发布的商品数量从50增加到500；拥有专业的店铺数据看板与分析的功能，这对于专门在闲鱼做生意的用户来说是非常有帮助的，那么鱼小铺每个人都能开通吗？大家好，我是高省APP联合创始人蓓蓓导师，高省APP是2021年推出的电商导购平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个可省钱佣金高，能
  • 高级 ECharts 技巧：自定义图表主题与样式 SnowMan1993 echarts信息可视化数据分析
    ECharts是一个强大的数据可视化库，提供了多种内置主题和样式，但你也可以根据项目的设计需求，自定义图表的主题与样式。本文将介绍如何使用ECharts自定义图表主题，以提升数据可视化的吸引力和一致性。1.什么是ECharts主题？ECharts的主题是指定义图表样式的配置项，包括颜色、字体、线条样式等。通过预设主题，你可以快速更改图表的整体风格，而自定义主题则允许你在此基础上进行个性化设置。2.
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他