摘要: 环境准备&项目创建 一、准备工作 开发工具:VS Code,Node,vue(vue-client) 工具安装过程: 2.1 安装VS Code 下载软件,官网:https://code.visualstudio.com/Download,点击下一步安装即可; 2.2 安装Node.js 1)下载软 阅读全文
posted @ 2022-10-01 16:58 ChristineZ 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 1、在componets目录下建立Login.vue文件 2、Login.vue文件代码 <template> <div> 登陆组件 </div> </template> <script> export default { } </script> <style scoped> </style> 3、 阅读全文
posted @ 2021-08-11 21:49 ChristineZ 阅读(215) 评论(0) 推荐(0) 编辑
摘要: Vue.js 目录结构 我们在 IDE(VS code) 中打开该目录,结构如下所示 目录解析 目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开 阅读全文
posted @ 2021-07-25 19:34 ChristineZ 阅读(84) 评论(0) 推荐(0) 编辑
摘要: VUE调试:命令行报错Expected indentation of 4 spaces but found 6 【问题】 使用vue时候,命令行报错Expected indentation of 4 spaces but found 6 【原因】 这是webpack默认的语法检查插件ESLint在做 阅读全文
posted @ 2021-07-11 01:26 ChristineZ 阅读(645) 评论(0) 推荐(0) 编辑
摘要: 按照如下的顺序执行:1、安装VSCode 1)下载软件,网站:https://code.visualstudio.com/Download 2)安装vscode,一步步就行;2、安装nodejs Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时2、npm inst 阅读全文
posted @ 2021-07-06 23:14 ChristineZ 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 本节讲述如何连接Postgre数据库并查询与显示数据。 ================================================================================================== 前几节我们搭建了环境并处理了页面的一些问题,本节我们研究如何连接真实的数据库并把数据显示在页面上。 从主页我们看到有"在职人员总... 阅读全文
posted @ 2019-08-19 23:11 ChristineZ 阅读(665) 评论(0) 推荐(0) 编辑
摘要: 本节讲述如何拆分页面以及使用jquery和ajax实现局部刷新。 从我们的页面来看,左边的菜单是不变的,右边的内容区根据不同的菜单来变化,我们就想到是否可以只针对 右边做局部刷新呢,可以使用ajax技术来完成。 1 拆分主页 我们把页面结构分成四块区域:1、页面上端Top区域;2、页面左侧Menu区 阅读全文
posted @ 2019-08-17 17:51 ChristineZ 阅读(736) 评论(0) 推荐(0) 编辑
摘要: 本节我们讲述如何引入页面框架来建立漂亮的主页。 打开https://www.js-css.cn/divcss/admin/metro/index.html网站,看到如下页面: 这里有很多漂亮的控件可以使用,页面风格也比较统一,可以用这个来快速构建我们自己的页面; 1 添加文件 1) 在HRMS工程下 阅读全文
posted @ 2019-07-12 10:53 ChristineZ 阅读(591) 评论(2) 推荐(0) 编辑
摘要: 本节我们讲述如何创建主页。 我们首先来理解CI框架的运行机制,以下是CI官方网站上的介绍: 下图说明了整个系统的数据流程: 来自 <https://codeigniter.org.cn/user_guide/overview/appflow.html> 1 修改CI配置文件 1) 打开applica 阅读全文
posted @ 2019-06-30 20:38 ChristineZ 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 本节讲述如何创建基于CI框架的PHP程序。 1 创建工程 1)打开CodeLobster PHP Edition工具,选择File->New->Project 2)在弹出的界面上选择 Create New Project,Project Name填写HRMS,Location选择www目录 记得一定 阅读全文
posted @ 2019-06-29 22:30 ChristineZ 阅读(261) 评论(0) 推荐(0) 编辑