HBuilder | 易学教程

详解JNPF移动办公系统快速开发方案

阅读更多关于详解JNPF移动办公系统快速开发方案

全球领先的移动解决方案供应商西特里克斯系统公司访问19个国家和地区共1900名信息技术行业高管，写成《西特里克斯未来工作场所》报告。报告预计，到2020年大约每10名员工共用7张办公桌，每名员工平均用6种移动设备与公司网络相连。届时，29%的员工不用在传统办公室里工作，人们可以在家里或是项目现场办公，也可以借用酒店、机场、咖啡店等处的网络移动办公。报告说，几乎所有访问对象都认为，未来需要重新设计办公空间，让它变得更有吸引力。未来的办公室将可以激发员工创造力和想象力，鼓励员工随时随地移动办公，从而促进协作精神，让工作成为人们做的事，而非去的地点。 JNPF 的移动办公系统（APP版） JNPF APP版基于UNIAPP，由HBuilder X 编辑器打造而成。什么是移动办公 “移动办公”也可称为“3A办公”，即办公人员可在任何时间（Anytime）、任何地点（Anywhere）处理与业务相关的任何事情（Anything）。这种全新的办公模式，可以让办公人员摆脱时间和空间的束缚。单位信息可以随时随地通畅地进行交互流动，工作将更加轻松有效，整体运作更加协调。利用手机的移动信息化软件，建立手机与电脑互联互通的企业软件应用系统，摆脱时间和场所局限。 JNPF的移动办公（APP版）基于UNIAPP，由HBuilder X 编辑器打造而成。移动协同高效办公信息实时传达 -

前端入门学习，就从html开始！

阅读更多关于前端入门学习，就从html开始！

首先您需要使用哪些工具： 1.计算机； 2.文本编辑器-用来编写代码例如vscoe\sublime\webStorm\dreamweaver\hbuilder\记事本...等等； 3.浏览器-用来测试你的代码； 4.图像编辑器-用来编辑你的网页所需要的图像； 5.版本控制系统-用来管理服务器文件，支持项目中的团队协作，共享代码与资源，以及避免编辑冲突前端主要分为三大类：html (搭建页面结构)、css（为网页修饰美容）、javaScript（为网页添加行为功能). 不说多的，就从html开始，官方定义：用于定义一个网页结构的基本技术。HTML 用于表示你的网页内容是应该被理解为段落、列表、头部、链接、图像、多媒体播放器、表单或是其他众多可用的元素之一亦或是你定义的新元素。 HTML文件通常会以.htm或.html为扩展名。用户可以从web服务器中下载，并使用任一web浏览器来解析和显示。 HTML 文档是包含多个 HTML 元素的文本文档。每个元素都用一对开始和结束标签包裹。每个标签以尖括号（<>）开始和结束。也有一部分标签中不需要包含文本，这些标签称为空标签，如 <img> 。标签元素 1 HTML标签：作用所有HTML中标签的一个根节点。 2 head标签：作用：用于存放：title,meta,base,style,script

Hbuilder如何创建并运行Vue项目

阅读更多关于 Hbuilder如何创建并运行Vue项目

以前在用hbuilder开发的时候用的是html 用一些使用手机端的框架如 mui等。 http://dev.dcloud.net.cn/mui/ 手机端框架可参考： https://blog.csdn.net/Gabriel_wei/article/details/96476794 注： 1.使用HTML来开发界面。 2.你最好选择MUI前端框架。 3.Javascript写逻辑。 4.css写样式。 5.Ajax跨域调用APP应用服务端，获取数据，再引用个模板引擎之类的现在都用vue 打包成dist 放入hbuilder 发布。现在hbuilder也可以来开发vue 和小程序等。 1. 首先打开Hbuilder创建一个新项目，如下图所示 2. 接着模板选择Vue项目，如下图所示 3. 然后等待一会项目就创建好了，如下图所示 4. 接着右键单击选择npm run build ，如下图所示运行终端类型可选：内部终端或外部终端。（无内部终端需下载） 5. 然后继续右键单击选择npm run serve ，如下图所示 6. 接着找底部出现的地址和端口号，如下图所示 7. 最后在浏览器中输入即可访问vue页面了，如下图所示 8，打包 npm run build 总结： 1，打开Hbuilder创建一个新项目 2，模板选择Vue项目 3

.NET 技术栈思维导图

阅读更多关于 .NET 技术栈思维导图

背景介绍根据网上招聘网站的一些.NET技能需求，画了一个图，便于在自修和学习的过程当中有一个方向。技能栈 Web front-end o 框架技术 ▣ Vue ▣ Bootstrap ▣ LayUI ▣ EasyUI ▣ Node.js ▣ ReactJS ▣ Angular ▣ Webpack o 开发工具 ▨ 编码工具 ▣ HBuilder X ▨ 设计工具 ▣ PxCook -- 像素大厨 ▣ 蓝湖 ▣ Visio ▣ 迅捷流程图软件 Website o 框架技术 ▨ 云服务模型 ▣ Saas -- 软件即服务 ▣ IaaS -- 基础设施即服务 ▣ PaaS -- 平台即服务 ▨ 缓存技术 ▣ Redis ▣ MemoryCache ▣ Session ▨ 消息队列 ▣ Windows Message Queue ▣ RabbitMQ ▣ Kafka ▨ 数据操作 ▤ ORM -- 对象关系映射（Object Relational Mapping） ▣ Entity framework 〼 Code First 〼 Database First 〼 Model First ▣ NHibernate ▣ Dapper ▨ 框架概念 ▤ OOD -- 面向对象设计（Object-Oriented Design） ▤ DDD -- 领域驱动设计（Domain

LR.APP：一款基于uni-app开发的多端APP/小程序系统

阅读更多关于 LR.APP：一款基于uni-app开发的多端APP/小程序系统

使用技术 LR.APP 是基于uni-app开发的多端APP/小程序系统，设计理念是解决多端开发问题，使用时，开发者仅需一套代码，即可编译到iOS、Android、H5、小程序等多个平台。 LR.APP封装了跨端兼容的组件和api，如果你不熟悉uni-app框架，可以直接使用 Vue.js 的开发模式进行二次开发，以 .vue 单文件的形式来编写每一个App 页面。为降低上手难度，基于Vue.js的LR.APP支持组件化开发，且内置了 Vuex 等常用工具库。同时，LR.APP还封装了一套 UI 组件库，包括了「公司/部门/职员选择」、「文件上传」等常用的 OA 业务组件，方便二次开发。 APP展示开发进度目前 learunAPP 已经开发完成，可以在微信公众号上体验（力软信息），APP已开发基本的工作流程，包括流程发起和数据看板、在线消息等。开发工具 HBuilder X.该工具提供从起步到开发到调试到发布的全过程支持，无需额外配置任何环节，内置模拟器可以直接模拟运行，电脑 USB 连接手机即可真机调试，编写代码时还会提供智能代码提示，有效提高开发效率。来源： oschina 链接： https://my.oschina.net/u/4148883/blog/4314465

一分钟了解HTML 与 CSS（乐字节，乐字节java，乐字节架构）

阅读更多关于一分钟了解HTML 与 CSS（乐字节，乐字节java，乐字节架构）

HTML 与 CSS（1）如果你想成为一名优秀的java架构师，看这里 → 乐字节免费公开课（腾讯课堂）如需要跟多资料请点击右侧 → 这是一条不归路，有秃头风险，请慎重选择！ HTML HTML（ HyperText Markup Language ）就是超文本标记语言。"超文本"就是表示页面内可以包含非文字元素，如：图片、链接、音乐等等。它是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等链接显示出来。这种标记性语言是因特网上网页的主要语言。 HTML 网页文件可以使用记事本、写字板、HBuilder、Sublime 等编辑工具来编写，以 .htm 或 .html 为文件后缀名保存。将 HTML 网页文件用浏览器打开显示，若测试没有问题则可以放到服务器（Server）上，对外发布信息。基础语法标签 HTML 标记是由"<"和">"所括住的指令标记，用于向浏览器发送标记指令。主要分为：单标记指令、双标记指令（由"<起始标记>"＋内容＋"</结束标记>"构成）。 HTML语言使用标志对的方法编写文件，既简单又方便。它通常使用"<标志名>内容</标志名>"来表示标志的开始和结束，因此在HTML文档中这样的标志对都必须是成对使用的。为了便于理解，将HTML标记语言大致分为：基本标记、格式标记、文本标记、图像标记

有趣的图标字体——iconfont字体的使用方法

阅读更多关于有趣的图标字体——iconfont字体的使用方法

平时我们在写网页的时候是否有看到过这样一些小图标，比如在某些内容板块的起始位置，通常会有一个大标题简洁明的告诉我们这个部分区域的主要内容，而通常这个时候，我们还能在大标题的左侧见到一个精美的小图标，起到修饰的作用，有的时候它不仅仅有美观的效果，通常还能够呼应标题，例如在我们看到的模块底部通常会有这样一个部分，就是对网页的作者或者所有者的一些建议或者意见的收集，这个时候通常会有一个🖊的图标，既让整体看上去不突兀，还呼应了内容，使读者已经明白了这个部分是干嘛的了。你是不是以为这个只能通过截图来添加呢？那你就错了，并不是只有截图这一个渠道才能获得喔，我们还可以通过索引图标库来获取这一个精美的字体呢。下面我就来介绍一下在HTML和css中通过何种方法能够获得它：首先我们要有一个能编写HTML的编程软件，DW，Hbuilder X 或者VS code等等都是可以的。好了，编程软件我们已经具有了，我这次采用的是VS code，然后我们可以写下这样的基础代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

个人作业——软件工程实践总结&个人技术博客

阅读更多关于个人作业——软件工程实践总结&个人技术博客

这个作业属于哪个课程 2020 春福大软工实践 W 班这个作业要求在哪里个人作业——软件工程实践总结&个人技术博客这个作业的目标将项目的设计落地，继续完善设计类图，并在正式开始开发之前设计好系统和数据库、制定好计划和分工作业正文其他参考文献一、回望【20%】（1）对比开篇博客你对课程目标和期待，“希望通过实践锻炼，增强软件工程专业的能力和就业竞争力”，对比目前的所学所练所得，在哪些方面达到了你的期待和目标，哪些方面还存在哪些不足，为什么？虽然编程能力和团队合作能力都得到了进步，但是仍然还是不够。（2）你在第一次作业的个人简历中制定的这门课程结束后，你预期你将增长的能力、技术、技能；和你针对你的目标绘制的学习路线图。对比当前你的所学所得，你达到了当时的预期值吗？没有，只学习了其中的一部分。（3）请总结这门课程的实践总结和给你带来的提升，包括以下内容：统计一下，你在这门软件工程实践中，一共完成了多少行的代码； 4000左右软工实践的各次作业分别花了多少时间？（做一个列表）作业耗时（小时）准备篇 10 热身篇——疫情统计 10 结对第一次—某次疫情统计可视化（原型设计） 20 团队作业第一次——种子队伍选拔和团队展示 4 结对第二次作业——某次疫情统计可视化的实现 20 团队作业第二次—团队Github实战训练 8 团队作业第三次—项目需求分析 10

使用HBuilderX实现打包vue项目成app

阅读更多关于使用HBuilderX实现打包vue项目成app

一、准备开发工具开发工具：HBuilderX 官网地址： http://www.dcloud.io （标准版需要自己安装插件， app 开发版已经把 app 开发常用的插件安装好了，开箱即用，建议使用开发版）二、打包生成一个vue 项目就拿手头上一个 vue 项目进行打包， vue 项目预览如下：打包生成的项目结构：三、创建HBuilder 的 app 项目（请先注册HBuilde账号并登录，打包的时候需要登录，并获取应用识别AppID ）创建完后会看到以下结构：其中css 、 img 、 js 文件夹换成打包后的 static ， index.html 换成打包后的 index.html 。 Unpackage 是用来放置 app 图标等 app 文件的， index.html 是 app 入口， manifest.json 是用来打包成 app 的配置文件。替换完后，变成以下目录结构：四、配置 manifest.json 点击 manifest.json 会打开配置页面。 1 、基础配置： ①：应用识别 AppID ：云端获取，需要注册并登录 ②：应用名称、版本、版本号等设置按说明填写即可 2、图标配置：设置 app 图标，上传完图片后，点击自动生成所有图标并替换，如下： 3、启动图配置：不显示等待雪花设置安卓启动图片 4、SDK 配置

HBuilder将Vue打包成App遇到的问题以及解决方案

阅读更多关于 HBuilder将Vue打包成App遇到的问题以及解决方案

1、[ERROR] : 没有对应的路由页面解决：将路由的mode改为hash（由history改为hash） mode: 'hash', 2、打包成功，打开APP出现空白页这种一般有两种情况，一种是出现错误，真的是空白，这种最好检查一下报错信息，确保打包前在本地开发环境下运行成功。一种是假空白，其实是进了index.html页面，只是APP.vue没有加载。只要将config/index.js中的build模块下的assetsPublicPath设为'./' assetsPublicPath: './', 怎么验证是否是假的还是真的空白，只要在index.html中随便加点提示语即可。 3、[ERROR] : TypeError: undefined is not an object (evaluating 'v7Y[k8B.g8F(+"1 降低HBuilder的版本试试。当然我觉得还是代码写错了，请确保本地dev环境没问题，最好再试试。博客 https://my.oschina.net/gmarshal/blog/2051301 来源： oschina 链接： https://my.oschina.net/u/3720017/blog/2051301

订阅 HBuilder