# smart-website **Repository Path**: big_hui/smart-website ## Basic Information - **Project Name**: smart-website - **Description**: No description available - **Primary Language**: NodeJS - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-04-27 - **Last Updated**: 2024-07-05 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README https://juejin.cn/post/7198159223204675643 https://www.cnblogs.com/SadicZhou/p/17353088.html#%E5%9B%9B%E3%80%81%E5%A6%82%E4%BD%95%E5%B0%86%E5%BC%80%E5%8F%91%E5%A5%BD%E7%9A%84nuxt%E9%A1%B9%E7%9B%AE%E9%83%A8%E7%BD%B2%E5%88%B0%E6%9C%8D%E5%8A%A1%E5%99%A8%E4%B8%8A%EF%BC%9F https://www.cnblogs.com/qd-lbxx/p/16561306.html ## 物料区 material 1. 是一个单独的模块，引入进来之后是一个空的面板，可以往里面添加物料（组件） ## 设计器 （属性面板） setter 1. 包含属性、样式、动画、事件 2. 每一个设置器对应一个值的类型 ## 渲染器 renderer ## 辅助操作区 ## 功能 - 导入导出功能（数据是schema） ## schema ### 组件schema - 组件名称 componentName - 描述 description - 文档链接 docUrl - 分类标签 tags - 组件版本 version - 组件关键词 keywords - 属性区 config - isProps 是否显示属性配置面板 - isStyle 是否显示样式配置面板 - isEvent 是否显示样式配置面板 - props 属性面板可以配置的 - themeColor: 主题色 - propList:[{text1:'',text2:xxx}] 一个后台可以建立多个站点 ## 表结构梳理 公司表 站点表 (一个公司允许有多个站点和多个语言) - 公司ID - 站点ID - 公司名称（营业执照名称） - 公司域名 - 主营行业（'电子电工', '房产地产', '安全防护', '包装印刷', '办公文教', '互联网络', '数码电脑', '纺织皮革', '服装服饰', '机械设备', '五金工具', '化学化工', '塑料橡胶', '环保生态', '仪器仪表', '家居用品', '家用电器', '建筑建材', '交通运输', '宠物动物', '旅游景点', '食品餐饮', '能源资源', '农业农村', '汽摩汽配', '食品饮料', '通信产品', '玩具礼品', '运动休闲', '专业服务', '金融证券', '贸易物流', '美容美发', '摄影冲印', '文化娱乐', '物业票务', '教育培训', '医疗保健', '钟表眼镜', '珠宝首饰', '咨询顾问', '运动健身', '政府组织', '其他'） - 公司地区位置信息 - 公司Logo地址 - 公司标签icon地址 - 公司简介 - 出口许可证编号 - 注册资金 - 员工人数 - 付款方式 - 站点语言 - row创建时间 - row更新时间 一个语言是一个站点， 页面表 - 页面ID - 页面所属站点ID - 页面名称 - 页面URL - 页面keyword(seo) - 页面scheme - 是否可见 - row创建时间 - row更新时间 产品表 - 产品ID - 产品所属站点ID - 产品分类 - 产品名称 - 产品描述 - 是否可见 - 是否已删除（软删除） - other - row创建时间 - row更新时间 新闻表 - 新闻ID - 新闻所属站点ID - 新闻分类 - 新闻标题 - 发布时间 - 新闻内容 - 是否可见 - 是否已删除（软删除） - row创建时间 - row更新时间 FAQ表 - 问题ID - faq分类 - 问题 - 答案 - 是否可见 - 是否已删除（软删除） - row创建时间 - row更新时间 询盘单表 - 字段ID - 字段Name - 字段类型（电话、邮箱、姓名、公司、留言、自定义输入框……） - 是否可见 - 是否必填 - 表单主题背景颜色 ## 多语言设置 i18n and l10n 查看全局链接 npm ls --global --depth 0 || yarn global list 删除全局链接 sudo npm rm --global npm-package || yarn unlink 创建软链接 npm link // 会执行 package.json 里name名，创建软连接。 删除软连接 npm unlink xxx 引入软连接 npm link npm-package yarn link // yarn link ad-components yarn add file: ../components/ npm pack npm install file:/path/to/your/local/package/your-local-package-1.0.0.tgz ## 外贸多国语言站点实现方式 1.使用插件自动翻译 2.使用插件手动翻译 3.复制一份英文网站数据然后修改内容为其他语言 4.单独为其他语言制作一个独立的网站 npm package bing-translate-api https://www.npmjs.com/package/@translate-tools/core translate https://github.com/rxliuli/google-translate-api-free https://github.com/wuqiang1985/i18n-helper https://blog.csdn.net/so_single/article/details/126732054 https://github.com/vitalets/google-translate-api @imlinhanchao/google-translate-api ## 模块收藏 - https://nuxt.com.cn/modules/image - https://nuxt.com.cn/modules/device - 设备感知模块，它使你能够在你的应用中检测和区分不同的设备类型，如移动设备、平板电脑、桌面电脑等。此模块主要提供了设备的类型、尺寸以及其他相关属性，帮助开发者更好地进行响应式设计和优化用户体验。 ## 注入中间件以生成robots.txt文件 https://nuxt.com.cn/modules/robots ## Google Fonts模块 https://nuxt.com.cn/modules/google-fonts ## XML Sitemaps - https://nuxt.com.cn/modules/simple-sitemap ## 删除多余的CSS - https://nuxt.com.cn/modules/purgecss ## Unocss - https://nuxt.com.cn/modules/unocss ## Schema.org 标记 - https://nuxt.com.cn/modules/schema-org - Schema.org 是一个由多个行业组织联合推出的项目，旨在为网页提供标准的元数据标记，以便搜索引擎和其他应用程序更好地理解网页内容。这些元数据可以包括各种类型的实体（如人、地点、事件等）以及它们之间的关系。 ## Nuxt-Jsonld - https://nuxt.com.cn/modules/nuxt-jsonld - JSON-LD 是一种用于表示结构化数据的 JSON 格式，它使用一组预定义的标签和语法来描述数据。JSON-LD 可以用于在网页中嵌入元数据，以便搜索引擎和其他应用程序更好地理解网页的内容，并提高网页的可搜索性和可见性。 ## Web-Vitals - https://nuxt.com.cn/modules/web-vitals - Google 官方提出的一组关键的 Web 性能指标。Web Vitals 包括 CLS (Cumulative Layout Shift)、FID (First Input Delay) 和 LCP (Largest Contentful Paint) 等指标，旨在帮助开发者更好地衡量和改善网页的性能和用户体验。 ## formkit 表单工具 - https://nuxt.com.cn/modules/formkit - 可序列化JSON模式生成表单 ## Simple-Robots robots.txt相关的包 - https://nuxt.com.cn/modules/simple-robots - 驯服机器人抓取和索引您的Nuxt网站。 ## csurf - https://nuxt.com.cn/modules/csurf - 预防跨站点请求伪造（CSRF） ## Nuxt的Google Analytics集成 - https://nuxt.com.cn/modules/gtag ## Vee-Validate 轻量级的 vue表单验证插件 - https://nuxt.com.cn/modules/vee-validate ## Html-Validator - 检测网页中的HTML和CSS代码是否符合规范，帮助开发者提高网页的质量和可访问性 - https://nuxt.com.cn/modules/html-validator ## Link-Checker - 找到并神奇地修复可能对您的Nuxt网站SEO产生负面影响的链接。 - https://nuxt.com.cn/modules/link-checker ## Chatwoot - Chatwoot是一个开源的客户参与平台，帮助公司在其网站上吸引客户 - https://nuxt.com.cn/modules/chatwoot ## Tresjs - 使用TresJS在Nuxt应用程序中创建3D体验。 ## Nuxt-Monaco-Editor - 将Monaco编辑器与Nuxt集成 ## Cloudflare-Analytics - 适用于Nuxt的Cloudflare Web Analytics模块 ## Nuxt-Chatgpt - Nuxt的ChatGPT集成 ## plotly.js 图表库 ## Nupolyon - 从polyfill.io向nuxt项目注入polyfill，基于browserslist配置自动检测 ## Pdfeasy - 基于PDFKit的JavaScript客户/服务器端PDF生成器 ## Hanko - 用于无密码身份验证 ## Wideangle - 埋点分析 ## Umami - Umami分析库 ## Prometheus 了解应用程序正在发生什么，以及如何优化生产中的性能和其他事情 ## LogRocket- 录Redux动作和状态，以及控制台日志、JavaScript错误、堆栈跟踪等， ## Nuxt-Basic-Auth - 用于基本身份验证的Nuxt模块 ## Clarity-Analytics- 用于Nuxt的Clarity分析模块 ## Nuxt-Basic-Auth 用于基本身份验证的Nuxt模块 ## Stripe 跨境 ## Nuxt-Mongoose 简化Mongoose在项目中的使用。 ## Stylify Stylify根据你写的内容动态生成实用程序优先的CSS。编写HTML。获取CSS。 ## Vercel-Analytics 针对Nuxt的Vercel Analytics集成 ## Jsonapi 简单的JSON Nuxt的API客户端集成 ## tsParticles 粒子动画 ## aos 滚动动画 ## Google-Adsense ## animejs ## Unlazy Unless 用于占位符图像的延迟加载库 ## Emotion Nuxt的下一代CSS-in-JS ## Capo 提高性能 ## Appwrite 用于开发Web、移动的和Flutter应用程序的后端平台 ## Ark-Ui HarmonyOS应用界面开发效率30%。您只需使用一套ArkTS API，就能在多个HarmonyOS设备上提供生动而流畅的用户界面体验。 ## Twemoji 将表情符号渲染为SVG元素或PNG图像。 ## Nuxt-Localtunnel 自动将您的Nuxt本地主机暴露给世界。 ## Harlem Vue 3状态管理解决方案。 ## Well-Known 用于使用中间件添加知名URI ## Nuxt-Loco一个localise.biz模块，用于将区域设置与Nuxt进行合成 ## Ununuracss 一个真实的的CSS引擎只是范围。 ## Inkline 适用于Vue.js 3 Design Systems。 ## Unlighthouse 使用Google Lighthouse扫描您的整个网站，具有现代化的UI，最小的配置和智能采样。 ## Nuxt-Vue3-Google-Signin - 使用Google Sign-In轻松授权您的Nuxt应用 ## Vue-Transitions 可重用的界面过渡，无需CSS ❤️ ## Plausible Nuxt模块可原生集成Plausible分析 ## Seo-Kit Nuxt的完整SEO解决方案。 ## Seo-Experiments 强大的SEO DX改进，可能会或可能不会落在Nuxt核心。 ## Twicpics 大小和裁剪、延迟加载、LQIP、下一代格式、压缩、CDN。 一个构想-开发一个3d图标库 document.body.contentEditable = true; designMode 组件页面是 0 至 1000 设计器 header 是5001 至 6000 辅助操作栏 6001 至 6200 辅助操作栏 打开的弹窗 6201 至 6400 预览界面 7001 至 7100 modal 7200 message 10000 tooltip 和 popconfirm: 10100 商品页面功能梳理 - 在编辑页面只能替换模块，不能编辑商品。 - 商品页面会获取分类和商品列表+分页。 一个桶的cdn域名：至多可添加100条重写规则 clipboardjs.com 复制插件