zl程序教程

您现在的位置是:首页 >  前端

当前栏目

vue 学习资源链接,总结

2023-09-11 14:13:57 时间

https://ke.qq.com/webcourse/index.html#cid=464190&term_id=100555502&taid=4786522008524094&vid=5285890795983007962
1.vue 简介:
js框架
简化DOM
响应式数据驱动
2.vue 基础 https://cn.vuejs.org 尢雨溪
el:挂载
data:数据对象
https://learning.dcloud.io/#/
3.cnd 引入script
cli

HBuilderx.exe

4.安装nodejs,cnpm,将node安装在d盘,不要安装在c盘,

已管理员身份打开cmd 执行下面命名

npm install -g cnpm --registry=https://registry.npm.taobao.org

5.安装vue-cli 脚手架工具,需配置环境变量,需重新打开cdm
cnpm install -g @vue/cli

vue create web_shopping_mall //创建项目web_shopping_mall
cnpn run serve

swagger ui

6.安装webpack:javascript打包器
cnpm install -g webpack

7.vue ui 启动vue项目管理器,创建项目

8.讲建好的项目拖入HBuiliderX,运行,发布,打包
git@github.com:Dennysjchen/Vue_Shop.git


Vue+Core3.1 WebApi前后端分离实战(58同城网/移动商城):
https://ke.qq.com/webcourse/index.html#cid=480371&term_id=100575996&taid=4373350449632371

泛型/反射/特性/lambda/linq/委托/事件/异步/多线程/设计模式/AOP/SqlServer/爬虫/缓存/nosql/Redis/队列/lucene/IOC/MVC5/路由/Filter/Razor/管道模型/.NetCore/微服务/Ocelot/WebApi/Linux/EFCore/Consul/Docker/架构设计/Devops/持续交付/集群/负载均衡/反向代理/CDN/数据库集群/.Net教程加QQ(211238347)免费获取资料!


15节VUE教程
https://learning.dcloud.io/#/?vid=12

vue_shop(基于vue电商管理后台网站)
https://www.cnblogs.com/garyxi/p/12237236.html#%E5%AE%9E%E7%8E%B0%E7%99%BB%E5%BD%95%E5%8A%9F%E8%83%BD

hbuilderx:
https://www.dcloud.io/hbuilderx.html

菜鸟教程jquery
https://www.runoob.com/jquery/jquery-tutorial.html

创建项目需要的插件 phpstudy
Babel
progressive web app support
router
css pre-progressive

常见的几个接口管理平台简介:
https://www.cnblogs.com/mrjade/p/12162188.html


前端实操:
javascript学习内容:
1.语法
2.函数
3.数据类型
4.ES6语法
jQuery学习内容:
1.筛选
2.事件
3.节点遍历
4.动画
5.插件

Vue学习内容:
1.组件,指令,过滤器,计算属性
2.vue-cli4.0
3.路由配置及参数
4.组件解析及组件间传值
5.vuex共享状态管理
6.axios前后端交互
7.vue + elementui,mintui,mu

后端学习内容:
1.架构设计:
1.三层架构使用
2.企业级架构开发使用
3.多种设计模式混合开发
2.O/RM:
1.概念及使用
2.code first,db first
3.o/rm开发思路及实现
3.MVC:
1.Filter的定制扩展
2.razer引擎使用
3.中间件的配置及使用
4.也没缓存及服务器端缓存讲解
4.Web API:
1.接口声明及调用
2.jwt授权配置及解析
3.跨域配置
4.用户认证
5.面向切面编程思想及使用
6.依赖注入
7.redis分布式缓存
5.wpf:
1.跨线程
2.socket回话
3.cs/bs免密登录


jobRequirement:
1.添加依赖包:EntityFrameworkCore.sqlserver,EntityFrameworkCore.Tools,Swashbuckle.aspNetCore

2..net ef core 映射数据库:
Scaffold-DbContext "Data Source=.;Database=JobRecruitment;uid=sa;pwd=12345678" Microsoft.EntityFrameworkCore.SqlServer -OutputDir Entities //自动将数据库表,字段添加属性
Scaffold-DbContext "Data Source=.;Database=JobRecruitment;uid=sa;pwd=12345678" Microsoft.EntityFrameworkCore.SqlServer -OutputDir Entities -F //当数据库表字段有修改是,执行fixe
跨域:
1.services.AddCors(m=>m.AddPolicy("any",a=>a.AllowAnyOrigin().AllowAnyOrigin().AllowAnyHeader()));

2.app.UserCors();

3. [EanbleCors("any")] 类加属性

ToModel.cs
public static T DtToModel<T>(this DataRow dr){
//获取泛型的真实类型
Type t=Typeof(T);
//实例化t类型的变量
T md=Activator.CreateInstance(t);
//获取对象中的属性
var props=t.GetProperties();
foreach(var prop in props)
{
if(dr.Table.Columns.Contains(prop.Name))
{
prop.SetValue(md,dr[prop.Name]);
}
}
return md;

}

[HttpGet】
public IActionResult GetProducts(){
var productList = Products.ListAll();
return new JsonResult(productList);
}

<style scoped>
*{
padding:0;
margin:0;
}

var that=this;
axios.get("http://loclahost:1665/procudcts/GetProducts").then(function(res){
that.productList=res.data;
}

axios.get("http://loclahost:1665/procudcts/GetProducts",{params:{pid:pid}}).then(function(res){
that.productList=res.data;
}

if(this.searchtext ==null || this.searchtext =="")
{
this.getProducts();
}
this.productList=this.productList.filter(m=>m.productName.includes(searchtext));



this.productlist=this.productlist.filter(m=>m.productname.includes(searchtext));
this.productlist=this.productlist.filter(m=>m.productname.includes(searchtext));