- 全栈开发学习(Node+Vue+Mongodb)(二)——后台管理界面的搭建
BOL4
1用ElementUI搭建基本的后台界面框架准备工作:在admin文件夹安装:vueaddelement安装路由用于界面跳转:vueaddrouter左侧导航:在Main.vue中粘贴ElementUI官方文档里的导航写法,根据需求修改导航,需求如下所示:内容管理物品:新建物品、物品列表英雄:新建英雄、英雄列表文章:新建文章、文章列表运营管理广告位:新建广告位、广告位列表系统设置分类:新建分类、分
- 全栈开发学习(Node+Vue+Mongodb)(四)——后台数据的CRUD操作
BOL4
1新增数据提交数据的基本步骤:前端在data()中定义modeldata(){return{model:{}}}表单数据绑定model,model中的属性要和定义的该模型的字段相匹配//输入框//下拉选框...//图片上传//星级通过save()函数同步提交数据asyncsave(){letres;res=awaitthis.$http.post('rest/categories',this.mo
- 全栈开发学习(Node+Vue+Mongodb)(七)——管理员登录及校验
BOL4
1新建管理员账户模块新建管理员模型,需要提前在server中安装模块bcryptjs:npmibcryptjs,用于密码散列constschema=newmongoose.Schema({//字段以及字段类型username:{type:String},password:{type:String,select:false,//密码默认查不出来set(val){returnrequire('bcry
- 全栈开发学习(Node+Vue+Mongodb)(九)——移动端页面搭建(详情页部分)
BOL4
1文章详情页//文章标题{{model.title}}//文章日期2019-06-19//文章内容//相关资讯相关资讯{{item.title}}解决添加图片后宽度超出屏幕:添加max-width.article{.body{img{max-width:100%;height:auto;}iframe{max-width:100%;height:auto;}}}2英雄详情页王者荣耀攻略站更多英雄&
- 全栈开发学习(Node+Vue+Mongodb)(八)——移动端页面搭建(主页部分)
BOL4
前面我们完成了后台管理界面的基本功能,接下来就需要完成移动端页面的搭建与数据的展示。移动端的搭建主要以旧版王者荣耀官网主页样式为模板,本文主要介绍前端搭建的流程与一些基本组件的使用。1准备工作样式思路:使用SASS规范化我们的所有样式,安装:npmi-Dsasssass-loader,并且将所有样式相关的内容放在style.scss中,再在main.js中应用样式重置/*reset*/*{box-
- 全栈开发学习(Node+Vue+Mongodb)(六)——图片上传
BOL4
在本系列第四篇文章中简单介绍了一下引入elementUI的图片上传组件,但是没有进行详细说明,本文将详细介绍如何上传图片。1后端部分新建上传路由app.post('/admin/api/upload',async(req,res)=>{constfile=req.fileres.send(file)})创建中间件需要先在server中安装multer帮助处理中间件:npmimulter,然后引入m
- 全栈开发学习(Node+Vue+Mongodb)(五)——通用CRUD接口
BOL4
上一章总结了项目中常用的CRUD操作和常见问题,但是由于一个个写不同内容的接口过于冗余,其功能大体上是一致的,所以需要将接口进行改造,转变为通用的CRUD接口。这样当前端请求不同种类的接口时可以根据模型的类型来进行转化与匹配,大大降低代码的重复度。1基本思路修改路径成为动态资源封装接口并且加上动态参数通过传来的动态参数查找到对应的模型文件,并且修改原来固定的模型名为动态获取的(需要转换格式)前端接
- 关于vue.js项目的一点优化
seven_coder
vue.js
前沿最近利用node+vue+mongodb开发完成了一个个人博客网站,部署部署到服务器上后,开始访问非常慢,需要7~9s的时间,无法忍受,所以将着手对项目进行一点优化尝试。通过对build后的打包文件发现,vendor.js文件竟然有1点几兆,导致浏览器加载十分缓慢,而且我的服务器配置也不是很高。项目目录结构首先先对项目的整体结构做一下梳理,清楚每一个文件都是做什么用的,如下图:在开始学习利用v
- node+vue+MongoDB从构建项目到服务器部署
疯狂的亮坨坨
编程
用到技术:node-vue-vuex-axios-es6/es7-mongodb记录一下项目从无到有到服务器部署Centos6MongoDB3.2.7一、利用vue-cli构建项目:1、安装vue-cli至全局npminstall-gvue-cli2、使用vue-cli初始化项目:vueinitwebpack-simplenode-vue-demo3.安装依赖:npminstall4.运行项目:n
- 全栈开发学习(Node+Vue+Mongodb)(七)——登录页面
BOL4
全栈学习vuenodejsjwtwebjavascript
1新建管理员账户模块新建管理员模型,需要提前在server中安装模块bcryptjs:npmibcryptjs,用于密码散列constschema=newmongoose.Schema({//字段以及字段类型username:{type:String},password:{type:String,select:false,//密码默认查不出来set(val){returnrequire('bcry
- 全栈开发学习(Node+Vue+Mongodb)(三)——后台接口与数据库准备
BOL4
全栈学习
1前端接口(admin)准备安装axios用于请求接口提交数据:npmiaxios在admin根目录新建http.js文件,在文件中引入axiosimportaxiosfrom'axios'在http.js中创建实例consthttp=axios.create({baseURL:'http://localhost:3000/admin/api'//baseURL:process.env.VUE_A
- node+vue+MongoDB全栈开发(遇到的坑)
编程华仔
全栈vuemongodbnode.js
大家好,我是Counterrr。(ps:有一段时间没更新博客了,因为工作实在是太忙了,公司前端就我一人,搞了挺多项目,近期还搞了美国疫情分期网页主要用了Vue+ElementUi+echarts+Bmap,有点跑题了今天不讲这个)一、今天主要说说node+vue+MongoDB的项目初始化遇到的几个坑。主要有A端(admin端管理员端)+C端(customer用户端)+后台(node的后端框架ex
- 全栈开发学习(Node+Vue+Mongodb)(十)——后台数据展示到移动端页面
BOL4
全栈学习vuenode.jsmongodbjson
本专题文章共十篇,已完结,后续有补充会实时更新。1后台数据录入录入后台数据的各种分类(手动)爬取官网的数据Chrome里console中输入:$$(‘选择器’)=》$$('选择器').map(el=>el.innerHTML)=》*.slice(5)*//跳过5条数据在数据库中引入所有模型,在server里安装:npmirequire-all在db.js中引入require('require-al
- 打通前后端全栈开发node+vue+mongodb进阶
传说翔哥
node
学习方式:详细阅读,并手动实现相关代码(如果没有node和vue基础,请学习vue和node基础下载地址:https://download.csdn.net/download/qq_34223273/11153826学习目标:此教程将教会大家如何一步一步实现一个完整的课程学习系统(包括课程管理后台/Node服务器/学习门户三个模块)。上次node基础课程博客大家反响很好,时隔3个月,才更新项目部分
- 全栈开发学习(Node+Vue+Mongodb)(三)——后台接口与数据库准备
BOL4
1前端接口(admin)准备安装axios用于请求接口提交数据:npmiaxios在admin根目录新建http.js文件,在文件中引入axiosimportaxiosfrom'axios'在http.js中创建实例consthttp=axios.create({baseURL:'http://localhost:3000/admin/api'//baseURL:process.env.VUE_A
- node+vue+mongodb
逗比punk
node和npm的安装及环境搭建sudonpminstall-gcnpm--registry=https://registry.npm.taobao.orgimage.png#####第一个例子:Titel{{message}}newVue({el:"#app",data:{message:"hellovue"}})在用Vue.js构建大型应用时推荐使用NPM安装,NPM能很好地和诸如Webpac
- 桌面上有多个球在同时运动,怎么实现球之间不交叉,即碰撞?
换个号韩国红果果
html小球碰撞
稍微想了一下,然后解决了很多bug,最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后,遍历整个在dom树中的其他小球,看一下它们与当前小球的距离是否小于球半径的两倍?若小于说明下一次绘制该小球(设为a)前要把他的方向变为原来相反方向(与a要碰撞的小球设为b),即假如当前小球的距离小于球半径的两倍的话,马上改变当前小球方向。那么下一次绘制也是先绘制b,再绘制a,由于a的方向已经改变
- 《高性能HTML5》读后整理的Web性能优化内容
白糖_
html5
读后感
先说说《高性能HTML5》这本书的读后感吧,个人觉得这本书前两章跟书的标题完全搭不上关系,或者说只能算是讲解了“高性能”这三个字,HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲,再去分析性能优化的内容,这样才会有吸引力。因为只是在线试读,没有机会看后面的内容,所以不胡乱评价了。
- [JShop]Spring MVC的RequestContextHolder使用误区
dinguangx
jeeshop商城系统jshop电商系统
在spring mvc中,为了随时都能取到当前请求的request对象,可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量,如request, response等。 在jshop中,对RequestContextHolder的
- 算法之时间复杂度
周凡杨
java算法时间复杂度效率
在
计算机科学 中,
算法 的时间复杂度是一个
函数 ,它定量描述了该算法的运行时间。这是一个关于代表算法输入值的
字符串 的长度的函数。时间复杂度常用
大O符号 表述,不包括这个函数的低阶项和首项系数。使用这种方式时,时间复杂度可被称为是
渐近 的,它考察当输入值大小趋近无穷时的情况。
这样用大写O()来体现算法时间复杂度的记法,
- Java事务处理
g21121
java
一、什么是Java事务 通常的观念认为,事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性(atomicity)、一致性(consistency)、隔离性(isolation)和持久性(durability)的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时,所有被该事务影响的数据都应该恢复到事务执行前的状
- Linux awk命令详解
510888780
linux
一. AWK 说明
awk是一种编程语言,用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件,或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能,是linux/unix下的一个强大编程工具。它在命令行中使用,但更多是作为脚本来使用。
awk的处理文本和数据的方式:它逐行扫描文件,从第一行到
- android permission
布衣凌宇
Permission
<uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中,改值可以修改上传
<uses-permission android:na
- Oracle和谷歌Java Android官司将推迟
aijuans
javaoracle
北京时间 10 月 7 日,据国外媒体报道,Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行,这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测,谷歌 Oracle 案很可能会被推迟。 该案中的第二波辩护被安排在 10 月 17 日出庭,从目前看来
- linux shell 常用命令
antlove
linuxshellcommand
grep [options] [regex] [files]
/var/root # grep -n "o" *
hello.c:1:/* This C source can be compiled with:
- Java解析XML配置数据库连接(DOM技术连接 SAX技术连接)
百合不是茶
sax技术Java解析xml文档dom技术XML配置数据库连接
XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习
XML配置数据库的连接主要技术点的博客;
JDBC编程 : JDBC连接数据库
DOM解析XML: DOM解析XML文件
SA
- underscore.js 学习(二)
bijian1013
JavaScriptunderscore
Array Functions 所有数组函数对参数对象一样适用。1.first _.first(array, [n]) 别名: head, take 返回array的第一个元素,设置了参数n,就
- plSql介绍
bijian1013
oracle数据库plsql
/*
* PL/SQL 程序设计学习笔记
* 学习plSql介绍.pdf
* 时间:2010-10-05
*/
--创建DEPT表
create table DEPT
(
DEPTNO NUMBER(10),
DNAME NVARCHAR2(255),
LOC NVARCHAR2(255)
)
delete dept;
select
- 【Nginx一】Nginx安装与总体介绍
bit1129
nginx
启动、停止、重新加载Nginx
nginx 启动Nginx服务器,不需要任何参数u
nginx -s stop 快速(强制)关系Nginx服务器
nginx -s quit 优雅的关闭Nginx服务器
nginx -s reload 重新加载Nginx服务器的配置文件
nginx -s reopen 重新打开Nginx日志文件
- spring mvc开发中浏览器兼容的奇怪问题
bitray
jqueryAjaxspringMVC浏览器上传文件
最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.
在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer
- Lua的io库函数列表
ronin47
lua io
1、io表调用方式:使用io表,io.open将返回指定文件的描述,并且所有的操作将围绕这个文件描述
io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr
2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄
多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil
- java-26-左旋转字符串
bylijinnan
java
public class LeftRotateString {
/**
* Q 26 左旋转字符串
* 题目:定义字符串的左旋转操作:把字符串前面的若干个字符移动到字符串的尾部。
* 如把字符串abcdef左旋转2位得到字符串cdefab。
* 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n),辅助内存为O(1)。
*/
pu
- 《vi中的替换艺术》-linux命令五分钟系列之十一
cfyme
linux命令
vi方面的内容不知道分类到哪里好,就放到《Linux命令五分钟系列》里吧!
今天编程,关于栈的一个小例子,其间我需要把”S.”替换为”S->”(替换不包括双引号)。
其实这个不难,不过我觉得应该总结一下vi里的替换技术了,以备以后查阅。
1
所有替换方案都要在冒号“:”状态下书写。
2
如果想将abc替换为xyz,那么就这样
:s/abc/xyz/
不过要特别
- [轨道与计算]新的并行计算架构
comsci
并行计算
我在进行流程引擎循环反馈试验的过程中,发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段,而整个流程中又充满着很多并行路由,每个并行路由中又包含着一些并行节点,那么当整个流程图开始循环反馈过程的时候,这个流程图的运行过程是否变成一个并行计算的架构呢?
- 重复执行某段代码
dai_lm
android
用handler就可以了
private Handler handler = new Handler();
private Runnable runnable = new Runnable() {
public void run() {
update();
handler.postDelayed(this, 5000);
}
};
开始计时
h
- Java实现堆栈(list实现)
datageek
数据结构——堆栈
public interface IStack<T> {
//元素出栈,并返回出栈元素
public T pop();
//元素入栈
public void push(T element);
//获取栈顶元素
public T peek();
//判断栈是否为空
public boolean isEmpty
- 四大备份MySql数据库方法及可能遇到的问题
dcj3sjt126com
DBbackup
一:通过备份王等软件进行备份前台进不去?
用备份王等软件进行备份是大多老站长的选择,这种方法方便快捷,只要上传备份软件到空间一步步操作就可以,但是许多刚接触备份王软件的客用户来说还原后会出现一个问题:因为新老空间数据库用户名和密码不统一,网站文件打包过来后因没有修改连接文件,还原数据库是好了,可是前台会提示数据库连接错误,网站从而出现打不开的情况。
解决方法:学会修改网站配置文件,大多是由co
- github做webhooks:[1]钩子触发是否成功测试
dcj3sjt126com
githubgitwebhook
转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html
github和svn一样有钩子的功能,而且更加强大。例如我做的是最常见的push操作触发的钩子操作,则每次更新之后的钩子操作记录都会在github的控制板可以看到!
工具/原料
github
方法/步骤
- ">的作用" target="_blank">JSP中的作用
蕃薯耀
JSP中<base href="<%=basePath%>">的作用
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
- linux下SAMBA服务安装与配置
hanqunfeng
linux
局域网使用的文件共享服务。
一.安装包:
rpm -qa | grep samba
samba-3.6.9-151.el6.x86_64
samba-common-3.6.9-151.el6.x86_64
samba-winbind-3.6.9-151.el6.x86_64
samba-client-3.6.9-151.el6.x86_64
samba-winbind-clients
- guava cache
IXHONG
cache
缓存,在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说,cache 就是为了提升系统性能而开辟的一块内存空间。
缓存的主要作用是暂时在内存中保存业务系统的数据处理结果,并且等待下次访问使用。在日常开发的很多场合,由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时,当我们发现我们的系统这个数据请求量很大的时候,频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的
- Query的开始--全局变量,noconflict和兼容各种js的初始化方法
kvhur
JavaScriptjquerycss
这个是整个jQuery代码的开始,里面包含了对不同环境的js进行的处理,例如普通环境,Nodejs,和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解 完整资源:
http://www.gbtags.com/gb/share/5640.htm jQuery 源码:
(
- 美国人的福利和中国人的储蓄
nannan408
今天看了篇文章,震动很大,说的是美国的福利。
美国医院的无偿入院真的是个好措施。小小的改善,对于社会是大大的信心。小孩,税费等,政府不收反补,真的体现了人文主义。
美国这么高的社会保障会不会使人变懒?答案是否定的。正因为政府解决了后顾之忧,人们才得以倾尽精力去做一些有创造力,更造福社会的事情,这竟成了美国社会思想、人
- N阶行列式计算(JAVA)
qiuwanchi
N阶行列式计算
package gaodai;
import java.util.List;
/**
* N阶行列式计算
* @author 邱万迟
*
*/
public class DeterminantCalculation {
public DeterminantCalculation(List<List<Double>> determina
- C语言算法之打渔晒网问题
qiufeihu
c算法
如果一个渔夫从2011年1月1日开始每三天打一次渔,两天晒一次网,编程实现当输入2011年1月1日以后任意一天,输出该渔夫是在打渔还是在晒网。
代码如下:
#include <stdio.h>
int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/
{
if((a%4 == 0 && a%100 != 0
- XML中DOCTYPE字段的解析
wyzuomumu
xml
DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.
私有DTD
<!DOCTYPErootSYST