游戏后台管理模块开发流水账
最近没什么事就被老大抓壮丁去做了一个游戏后台管理系统,包括前端和后端。
前端采用Vue+Webpack+Vue-resource+element-ui后端采用Nodejs+express+mysql+redis
初生牛犊不怕虎,看了一点文档,俺上来就手撸Vue,悲催的发现半道出家没学过CSS、HTML上来就撸框架还是有点长吃力的,一些基本操作都很艰难。只好老老实实去看HTML和CSS。
HTML笔记
<html>
<body>
<head>
<title>
<hx>标题
<ul>没有前后顺序的信息列表
<ol>有前后顺序的信息列表
<span>设置文字单独样式
<q>短文本引用
<hr>水平横线
<address>地址
<code>一行代码
<pre>一段代码
<br>换行
<strong>强调
空格
<div>划分 属性: id
<table>表格 tbody一块 tr一行 th表头 summary摘要 caption标题
<a> 链接到另一个页面 target="_blank"新标签页打开 href 点击打开的网址 title悬停信息
<form> 表单 method 数据传送方式 ation数据被传送到的敌方
<textarea rows="行数“ cols="列数”>
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>单选/复选框
<select>下拉框 <select><option value="看书">看书</option> multiple = "multiple"多选
<input type = "submit“>提交按钮 type = reset 重置按钮
css三种方式 内联式 》嵌入式? 外部文件式
css .开头{}
.green{} 使用class ="green"来使用 类选择器
#green{}使用id="green"来使用 id选择器区别:
1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,.food>li{border:1px solid red;} 子选择器
.first span{color:red;} 包含(后代)选择器
区别:
子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。通用选择器 * {color:red;} 它的作用是匹配html中所有标签元素
伪类选择符 它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色 a:hover{color:red;}
分组选择符 html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色:h1,span{color:red;}
继承 CSS的某些样式是具有继承性的 它允许样式不仅应用于某个特定html标签元素,而且应用于其后代 但注意有一些css样式是不具有继承性的。如border:1px solid red
权值:标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100css布局
div h1 p 宽度都为100%
看下来感觉网页HTML和CSS的编程思想和Unity还是完全不一样的,Unity忽略他的Component系统,针对GameObject来说的话还是比较纯粹的面对对象的感觉的。而HTML和CSS给人一种解释型,面对过程的feel。一个单纯的Unityer还是不太适应。
初步的补了下基础,开始手撸框架,之所以采用Vue一是当下三大框架之一有很多现场的教程和轮子,二就是据听说比较简单,三是有个朋友也是Vue的我可以充分利用他,后来也基本没用上,哭。。。。
Vue的开发过程就没什么好说的,整体来说还是非常优秀的框架,基于它来开发前端页面还是非常快捷和方便,并且有很多的资料和开源组件,极大的增加了开发的效率,并且它的组件系统也为页面复用提供了非常好的解决方案,是我熟悉的面对对象的味道。但是我是用惯的MVC的他是基于MVVM的设计模式,用起来有点不太顺手,当然优点不可否认,少写了很多代码,但是总感觉灵活度不够。总的来说在前端开发方面没有碰到太大的问题,Vue还是非常优秀的框架。
说完前端说下后端,考察了php,java等语言,最后发现还是nodejs最简单,开发速度最快,而且我是采用前后端分离的模式,php的后端渲染模式对我毫无卵用,而且对我的学习造成的严重干扰,哼!,pass。java写起来太累,pass。nodejs+express快而且和vue也是nodejs的环境的,天生一对,就你了。
express的开发过程也没什么好说的(说了好多发现都是废话 尴尬),网上找一个模板参考下,注意下跨域访问的问题,接入mysql和redis库也是直接通过npm安装非常方便。学习下mysql的语句和redis的命令就可以撸起来了,灰常完美。
基本架子搭起来,剩下就是业务逻辑了,没什么好说的。前后大概两周搞定了这个模块还是非常高兴的。个人体会vue和express为开发者提供了非常便捷的服务,但是想要用好还是要在前后端领域深耕细作的,那就不是我的专业了,只要能跑就好了,哈哈哈哈哈 完结撒花。
tips:以上都是个人感受有什么不对的欢迎指正和拍砖
游戏后台管理模块开发流水账相关推荐
- 游戏资讯及后台管理的开发与实现
其他项目,点击作者主页 目录 1 系统简介 2 系统相关技术 2.1 java技术 2.2 JSP技术 2.3 B/S模式 3 需求分析 3.1 系统可行性分析 3.1.1 经济可行性 3.1.2 ...
- JAVA财务保证金管理模块开发-王大师王文峰开发(项目现场驻场开发)
本人详解 作者:王文峰,参加过 CSDN 2020年度博客之星,<Java王大师王天师>作者 公众号:山峯草堂,非技术多篇文章,专注于天道酬勤的 Java 开发问题.中国国学.传统文化和代 ...
- 项目4:后台管理的开发和使用(前端)
项目4:后台管理的开发和使用(前端) 1.npm包管理器的基本学习 2.利用现成后台管理系统开发 3.后台管理系统的路由配置 4.后台管理系统的地址访问配置 5.前后端联调 6.完善积分等级的前端系统 ...
- 拉勾教育后台管理系统(SSM)(课程管理模块开发)【学习笔记】
文章目录 1.项目架构 1.1.项目介绍 1.2.技术选型 1.2.1.前端技术选型 1.2.2.后端技术选型 1.3.项目开发环境 2.Maven进阶使用(Maven聚合工程) 2.1.maven的 ...
- 电商平台搭建--订单管理模块开发(一)
Hi,大家好,我是Steafan!项目开发到这里,基本上已经进行了90%了.项目中最关键的也是最难开发的就是今天我要向大家介绍的订单管理模块了.在实际的项目开发中,订单管理模块和支付模块往往是并行开发 ...
- Ssm角色权限后台管理实战开发
此篇是一款基于ssm(spring+springMVC+mybaits)框架+mysql实现的角色权限后台管理脚手架系统实战项目 下面是关于角色权限的简介 让大家对知识点先有所了解 学习起来更快捷哦 ...
- 后台管理项目开发流程
1.多环境变量,axios请求响应拦截,api封装统一管理 面试官你好,<后台管理>这个项目是我自己独立开发的,下面我给您介绍一下,我从0开始,到发布上线的流程.首先,开发这个项目我用的最 ...
- 【实战】7-2 商品管理模块开发测试
前言 找完工作以后感觉一段时间失去了学习的激情,再加上毕业论文的工作,懒散拖沓了好久才开始继续我的项目学习.其实这些内容吧,你说难那是一点也不难,重要的在于处理业务的经验,防患漏洞的经验,以及隐藏在项 ...
- 15、【 商品管理模块开发】——后台获取商品详情功能开发及PropertiesUtil配置工具,DateTimeUtil时间处理工具开发...
1.后台获取商品详情接口: 在上一篇文章所新建的ProudctManageController类中新建下面方法: *Controller: //获取商品详情接口@RequestMapping(&quo ...
- 17、【 商品管理模块开发】——后台商品图片的springmvc和富文本上传以及ftp文件服务器的开发...
1.FTP文件服务器的搭建: 软件下载:ftpserver: image.png 浏览器访问:ftp://127.0.0.1/ image.png 点击任意一个文件,就可以看到我们图片啦,前提是前面指 ...
最新文章
- iOS和OS X中的bundle
- 连你的免疫系统都拒绝996:半夜吃东西更容易拉肚子 | Cell
- 农用地包括哪些地类_征用土地公告应当包括哪些内容?|楹庭拆迁律师
- 关于LGame-0.2.9版的开发进度
- BZOJ.1143.[CTSC2008]祭祀(Dilworth定理 最大流ISAP)
- 在windows 实现执行 makefile
- [操作系统实验lab4]实验报告
- FastReport4.6程序员手册_翻译
- 前端学习(2792):下拉刷新
- Linux系统下如何配置SSH?如何开启SSH?
- chromium之message_pump_win之二
- Manacher (马拉车算法)
- stardic字典文件
- 电池充放电设备招投标解决方案
- 某公司盗用我的名字做虚假宣传
- IDC网络传输优化的罪与罚
- 1.5Go语言的基本数据类型
- FastDFS文件同步机制分析
- 13:js逆向-登录加密(aes加密)
- 新冠病毒可由物传人冷冻条件可长期存活,所以青岛采取三大措施!