- 博客(42)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 《VUE+Django：电商独立站打造详解》专栏写作大纲
对于IT从业者，仅仅关注编码技术是远远不够的，我们的小目标至少是一个产品经理。从客户交流、需求调研分析、高阶设计、详细设计、部署维护都要有所涉猎，这样才能从多个角度审视自己开发的产品是不是真正有用。我们不是码农，而是一个工程商人。基于过去十几年的大厂经验，针对电商网站这样一个小产品，我们还是抱着麻雀虽小，五脏俱全的态度，逐步结构一个产品从无到有的全部过程。
2023-06-11 15:47:40
200
原创 VUE3从i18n国际化组件动态获取字符串
在js文件中通过computed方式获取（直接使用$t('button.query')方式是无法获取的）在vue文件的标签中通过以下方式直接获取。VUE3的字符串国际化可以通过以下方式实现。
2024-03-27 10:14:24
653
原创 HarmonyOS中把Resource的string文件字符串转换为string类型字符
API9使用stage应用模型，通过context获取resourceManager，然后调用getStringValue，把资源目录下的string转变为string类型。State装饰的状态变量在API11中可以定义联合类型的变量（string| Resource）动态适配，但是在API9则无法定义State装饰的联合变量，还不支持。UI控件上的字符需要动态变化，字符是需要国际化的，因此存储在资源目录下的string文件中。因此需要把Resource的string内容转换为string类型。
2024-03-15 11:02:31
2497
1
原创 HarmonyOS漫谈---天下苦安卓久已，破立之间如何取舍？
不是谷歌不努力，主要是android生态圈本身的支离破碎，每一代系统要不同的厂家分别适配自己的海量机型，各个厂家的开发团队功底又是层次不齐，导致最终的用户体验是王小二过年，一年不如一年。随着数字化、智能化的设备越来越多，手机更多的成为个人生活的一个控制中心，尤其是华为提出了1+8+N的理念之后，HarmonyOS更是承载了万物流转的划时代的使命。然而比较讽刺的是，微信这类超级应用已经悄悄的做到了其中的一部分能力，这也为后续的江湖商战埋下了伏笔，例如涉足小程序的超级应用，微信、抖音对于纯血鸿蒙跟不跟的问题。
2024-01-27 15:41:56
571
原创 HarmonyOS漫谈---套壳安卓还是套壳苹果？HarmonyOS更像谁？
这也是在被美国制裁之下的必然选择，毕竟没有哪一家Top10的手机厂家敢于把自己的身家性命和华为绑在一起，毕竟能用通信产业持续向手机产业输血的只有华为一家，即便是拥有相同产业布局的ZTE也不到。IOS17秉承了历代IOS的一贯理念，往前兼容7代的硬件设备，IOS17兼容iphoneXS是2018年发布的，当时搭载的是IOS11系统。这样后向兼容的好处在于，开发者基于最新的IOS系统开发上架任何一款应用，立马就能分发到十亿级以上的存量iPhone设备中，这对开发者来说是非常友好的。所谓重赏之下，必有勇夫。
2024-01-26 20:29:25
1034
原创 HarmonyOS自定义弹出对话框CustomDialog并传递变量
首先新建一个ets文件，使用CustomDialog装饰器定义一个自定义的dialog。其内部的语法和普通的Component是完全相同的，通过组合基础组件可以实现不同的布局。可能是手机端操作和PC端操作的差异导致的。然后在父组件中实例化CustomDialogController，并在builder属性中引用这个CustomDialog。如果内置的弹窗不满足要求，可以基于CustomDialog自定义出各种个性化的反馈组件。注意需要传递的参数使用@Link进行修饰，在“实例化”的时候引用。
2024-01-24 14:55:52
2769
原创 HarmonyOS 应用内页面间共享变量的管理
以“设置”子页面为例，在页面中定义变量，用StorageLink装饰，设置currentIndex =2，改变了AppStorage中对应的currentIndex 的值。在子页面settings.ets中，返回按钮图片的onClick方法中通过router.push返回index.ets页面时，在params属性中设置传递的参数。从聊天界面返回时，tabs的激活页签保持在“我的”由于不同的子页面返回时激活的页签不一样，因此在子页面中需要改变激活页签的变量值，因此我们使用StorageLink。
2024-01-19 18:00:00
863
原创 HarmonyOS开发-实现自定义的tabs容器
harmonyOS系统自带的tabs容器只能在tabbar上显示文本，不能添加图形。如果要实现下面这种常见的效果，需要通过自定义导航栏实现，这个方法在3.1/4.0版本配套文档（对应API9）中有介绍，在3.0的配套文档中（对应API8）是没有的，但是实际上也是可以生效的。
2024-01-12 16:55:13
694
原创 HarmonyOS开发FA应用模型下多个页面的声明方式
HarmonyOS配套的IDE是DevEco Studio，目前的版本是3.1。官网可以直接下载。
2024-01-12 16:51:39
666
原创 关于HarmonyOS开发语言的支持
HarmonyOS应用支持的开发语言从早期的java、js到现在只支持ArkTs了。java版本的SDK最高支持到API7，后续不再演进，因此在API8以及后续新增的能力，通过java开发就无法享受了。
2024-01-12 16:42:08
572
原创 HarmonyOS的应用类型（FA vs Stage）
从上述Harmony2.0演进到4.0的过程可以看到，部分老机型可能永远的停留在2.0或者3.0版本，当然这些机型本身仍然在使用的数量也在逐渐减少，随着华为芯片的突破，后续的新机型才是Harmony生态的主力军。但是在实际使用中，大量的老机型是无法升级到4.0版本或者适配到API9的，因此FA模型在部分机型，尤其是荣耀的老机型上也是还有生存周期的。可以看到这个版本可以支持mate9的手机，这可是2016年发布的手机，到现在已经接近8年了，在智能终端机海战术横行的时代，这可是名副其实的古董机了。
2024-01-12 16:33:52
2466
原创 使用pinia定义store的state属性和actions方法重名导致调用时出现is not a function异常
直接跳转到这个页面时会提示下面的错误，但是按F5刷新页面，又可以调用actions中的方法获取到服务端的数据。store的定义如下。state的属性和actions的方法都是permissions。把actions中的方法改个名称即可，例如getPermissions。
2023-12-04 15:45:18
1705
原创 VUE3+Element plus实现django的管理后台的用户组管理
权限来自于django.contrib.auth.models的Permission模型，但是直接查询该模型时只能获取到如下结果。只有四个字段，id，name，codename，content_type，和后台界面显示的不完全相同。检查ContentType的模型定义，发现有个app_labeled_name的属性，打印出来可以看到正是后台页面的每个记录的前半部分。查看Permission的模型定义，的确只有这4个字段，但是content_type 这个字段来自于ContentType模型。
2023-12-04 14:56:20
709
原创 VUE3+element plus在el-tabs内部有多个el-dialog时，遮罩会叠加
有问题的效果，遮罩层是黑色的，需要多次点击才能关闭dialog。
2023-11-25 09:59:42
1257
1
原创 VUE3+Element-plus中el-form的使用
Element-plus使用el-form必须配置ref和model属性，二者的值不能相同（在ElementUI中是可以相同的）。ref的值在声明的时候要引入FormInstance，这个又必须在script中声明lang为ts，不能使用js。2.每个el-form-item必须设置prop属性，否则重置方法resetFields不生效。4.要控制表单项的布局，使用el-row和el-col是不错的方法，易于控制。1.el-form的ref和model属性的参数值必须不一样，否则会冲突。
2023-11-25 09:51:30
2243
原创 VUE3+element plus在按钮上增加图标
和VUE2+elementUI有差异。在elementUI直接设置icon。在VUE3+element plus中要引入icon图标变量。
2023-11-25 09:41:13
1443
原创 VUE3+element plus在el-input上增加图标
在VUE3+element plus要使用:prefix-icon="Search"，其中Search图标要单独引入。VUE2+elemenUI使用prefix-icon="el-icon-search"。和VUE2+elementUI有差别。
2023-11-25 09:30:48
1940
1
原创 VUE3+element plus使用el-dropdown控件有黑色的边框
在el-dropdown增加class名称，设置outline: unset样式即可。
2023-11-25 09:22:32
1171
原创 VUE3+element plus实现的动态登录注册切换页面
通过动态增加和移除class实现css样式的变化。在VUE3里面，不能像原生js那样使用获取元素对象来动态增加和删除class，需要在节点上增加ref属性，通过ref来实现。
2023-11-25 09:10:55
2509
原创 《VUE+Django：电商独立站打造详解》 2.7.8 引入axios实现异步数据请求
在前面的章节我们一直使用fetch从服务端获取数据，现在我们引入另外一个更加强大的库axios。从原理上说，这两个库都是现代浏览器提供的API，主要用来发送异步请求。但是仍然有一些区别，而且axios功能更完善。
2023-08-10 19:33:27
106
原创 《VUE+Django：电商独立站打造详解》 2.7.7 VUE2中简单的State变量管理
用户数据需要被大量组件调用，属于各个组件使用的公共数据，如果使用普通的父子组件信息传递方式(props和emit)，会使得整个数据管理过程很复杂。VUE提供了一种有效的数据管理方式，把数据存储在state对象中，便于在任何组件中都可以访问它，从而在每个组件都能使用这些数据。
2023-07-13 19:47:38
105
1
原创 《VUE+Django：电商独立站打造详解》2.7.6 插件和混用（插件封装复用、混用mixin）
使用VUE开发前端，需要从服务端获取用户数据、商品信息的地方很多，如果每次都写上面一段代码，就会造成大量的冗余，可以把fetch做成一个公共插件，这样在使用时直接调用插件即可
2023-07-11 19:41:42
119
1
原创 《VUE+Django：电商独立站打造详解》2.7.5 基于vue-router完成路由设置
基于vue-router实现路由封装，在router.js中加入以下代码。首先把两个页面HomePage和AllProducts导入进来。然后通过routes定义路由和渲染页面的对应关系，并通过VueRouter包装为路由，最后导出
2023-07-06 20:02:03
124
1
原创 《VUE+Django：电商独立站打造详解》2.7.4 商品集市页功能实现
商品集市页面通过分页的方式展现当前上架的所有商品，主要组件包括：分类筛选、按条件排序、商品展示、分页。通过使用ElementUI提供的控件可以快速实现展示框架
2023-07-03 19:41:22
199
1
原创 《VUE+Django：电商独立站打造详解》2.7.3 电商网站首页功能实现
基于ElementUI提供的控件实现一个简单的电商网站首页，实现轮播广告和热销商品的展示
2023-06-28 20:06:52
116
1
原创 《VUE+Django：电商独立站打造详解》2.7.2 实现用户注册/登录页
注册和登录页面是电商网站的重要部分，便于获取用户的关键信息，为后续的用户管理打好基础
2023-06-26 15:32:56
113
1
原创 《VUE+Django：电商独立站打造详解》2.7 前端功能实现
本节主要实现页面框架，包含的知识点有父组件和子组件、组件复用、ElementUI
2023-06-22 13:06:52
121
1
原创 《VUE+Django：电商独立站打造详解》2.6 数据结构设计
Django对各种数据库提供了很好的支持，包括PostgreSQL、MySQL、SQLite和Oracle，而且为这些数据库提供了统一的API方法，这些API统称为ORM框架。通过使用Django内置的ORM框架可以实现数据库连接和读写操作。ORM框架是一种程序技术，用于实现面向对象编程语言中不同类型系统的数据之间的转换。从效果上说，它创建了一个可在编程语言中使用的“虚拟对象数据库”，通过对虚拟对象数据库的操作从而实现对目标数据库的操作，虚拟对象数据库与目标数据库是相互对应的。
2023-06-21 20:10:45
76
原创 《VUE+Django：电商独立站打造详解》2.5 公共页面设计
在详细设计中，网站开发最主要的是完成网页设计和数据库的数据结构，如果某些功能涉及复杂的逻辑业务，还需编写相应的算法说明书。网页UI设计可以给用户一个直观的视觉和操作体验，便于及时发现用户的潜在需求。
2023-06-20 16:53:00
94
原创 《VUE+Django：电商独立站打造详解》2.4 电商独立站概要设计
概要设计包括网站系统的总体结构设计、网页界面框架设计和业务处理逻辑，完成后可以输出概要设计文档说明
2023-06-20 16:40:52
141
原创 《VUE+Django：电商独立站打造详解》2.3 电商需求收集和分析
对于商家的如此精简的一句话需求描述，需求工程师就要深入了解商家的具体需求，比如了解商家现有的销售国家、顾客类型、产品类型、进销存管理方式等因素，这些都会影响网站设计模式和交互方式，现有的顾客数量需要考虑网站的并发量、产品类型影响网站页面设计、进销存管理方式影响商品库存管理，是否考虑缺货提醒、预售功能等。大多数情况下，客户对网站平台的需求只有相当肤浅的认知，他们不会提出详细的需求，只会说出他们的目的，比如说“我想有一个商品销售网站，能让我的客户在线购买产品，好像天猫、京东那样就可以了。因此还需要从头开始。
2023-06-20 16:30:51
89
原创 《VUE+Django：电商独立站打造详解》2.2 创建VUE Helloworld项目
通过脚手架vue-cli创建一个Hello world项目，看看VUE项目的基本结构
2023-06-15 19:53:45
98
1
原创 《VUE+Django：电商独立站打造详解》2.1 VUE开发环境部署
VUE开发环境部署包括：安装nodejs安装vue-cli脚手架安装ElementUI
2023-06-14 17:47:43
99
原创 《VUE+Django：电商独立站打造详解》1.3 后端技术选型
后端技术主要随着服务器处理性能的发展而演变。第一代 web 后台开发主流技术是 PHP，它诞生于 1994 年。Java、Python、Go、Rust 都是后端开发者优先考虑学习的编程语言。当前最主要的后端技术包含了 java 和 python。java 以其标准化、高性能作为大厂的首选。而Python 由于语法简单，对工程师来说更容易上手，以及相关框架的迅速发展，也逐渐成为中小企业的首选。
2023-06-13 14:43:39
123
1
原创 《VUE+Django：电商独立站打造详解》1.2 前端技术选型
目前主流的前端框架包括如下几种：* Bootstrap* Angular* React* Vue以上前端框架各有优缺点，如果是进入大厂工作，都必须有所涉及。但是针对中小型项目，以及语言熟悉的程度，Vue 是大多数国内工程师的首选
2023-06-12 16:00:51
230
1
原创 《VUE+Django：电商独立站打造详解》1.1 为什么需要前后端分离的架构
早期 Web 应用开发主要采用前后端不分离的方式，它是以后端直接渲染模板完成响应为主的一种开发模式。然而随着互联网应用发展的越来越复杂，以及智能手机带来的划时代的应用体验，前后端不分离的开发模式应对大型网站应用的挑战越来越力不从心。基于技术和管理的双重原因，前后端分离的架构已逐渐成为网站应用的主流开发模式，数据处理和页面呈现分离也符合了 MVC 开发模式的精髓。这种模式下主要的开发工作在后端完成，前端工程师主要完成静态页面模板代码的编写，浏览器负责页面的展示，以及简单的用户交互。
2023-06-12 15:55:30
195
1
类似element plus icon的自定义支付icon，包括微信支付、支付宝、Paypal、ApplePay、银行卡等
2023-11-25
VUE3+element plus实现的酷炫登录页面
2023-11-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人