express+mongoDB（mLab）做一个todolist小项目

这是在网课上学习的,先建立一个express-todolist文件夹作为项目跟目录另外,我们直接把项目上用到的css文件和js文件下载下来放在项目里这里直接贴出来先建立一个public文件夹,放在根目录中,里面建一个assets文件夹,分别放着style.css和todo-list.js两个文件内容如下: express-todolist/public/assets/style.css: body { background: #0d1521; font-family: tahoma; c…

又见angular----步一步做一个angular4小项目

这两天看了看angular4的文档,发现他和angular1.X的差别真的是太大了,官方给出的那个管理英雄的Demo是一个非常好的入门项目,这里给出一个管理个人计划的小项目,从头至尾一步一步讲解如何去实现他,希望对你有所帮助.这篇文章不会讲解如何去用angular,这部分东西你可以参考官网,本文讲解的是用angular做一个小项目的全过程.写的比较仓促,疏漏难免,请各位多多指点. 本项目是angular4.0的一个Demo,可以实现对个人计划的管理.目的是分享一下个人做一个angular项目的一…

Extjs6（一）——用sencha cmd建立一个ExtJs小项目

本文基于ext-6.0.0 一.用sencha cmd建立一个ExtJs小项目首先,需要一个命令行工具.进入extjs所在目录. 然后,输入:sencha -sdk [ExtJs6.0文件夹地址] generate app [项目名称] [项目路径] 例如:sencha -sdk ext-6.0.0 generate app App MyApp (注):还可以加--classic或--modern建立pc或WAP单独项目二.在浏览器打开命令行输入:sencha app watch …

创建第一个spirngmvc小项目

题外: 设置目录为源代码目录 1.进入:file->project structure->modules->soures 进入这个里面,选择相应的文件夹.例如src/java里的java.选择之后再点击蓝色的soures,java目录就设置为了source Folders(源文件).返回,会看到原本灰色的java目录变为蓝色. <?xml version="1.0" encoding="UTF-8"?><web-app xmlns…

Vue.js基础篇实战--一个ToDoList小应用

距离开始学Vue已经过去一个多月了,总想把学到的东西柔和在一起,做点东西出来,于是有了这个Todolist小应用. 使用vuex 纯粹基础,没有用到web pack,vuex,npm,下次把它改造一下. 几天之后... 改造已完成,在这个仓库的todolist-vuex分支下面,现在你可以通过几个npm命令,然后看localhost:8080端口来查看应用了,蜜汁微笑:) 主要改变是通过单文件组件把应用的各组件的<template>,<script>,<style>放在…

基于vue 、vue-router 、firebase的todolist小项目

第一次写博客,都不知道改怎么写的好. 本着一颗学习的心,也希望一段时间后再回来在看看自己写的代码,会不会让自己有种不忍直视的念头 *-* 还是先上图吧~ 这是首页,主要是展示所有的列表页面,可以通过输入框进行模糊查询代码如下: <template> <div class="list"> <h2><span class="title">TODO</span>列表</h2> <div cla…

[js高手之路]Node.js+jade+express+mongodb+mongoose+promise实现todolist

promise主要是用来解决异步回调问题,其实还有好几种比promise更好的方案,后面再说,这节,我们先用promise来改造下,我以前写的一篇文章[js高手之路]javascript腾讯面试题学习封装一个简易的异步队列中的一道面试题( 页面上有一个按钮,一个ul,点击按钮的时候,每隔1秒钟向ul的后面追加一个li, 一共追加10个,li的内容从0开始技术( 0, 1, 2, ....9 ) ). promise的小实例: function next1(){ return new Promi…

突发奇想想学习做一个HTML5小游戏

前言: 最近一期文化馆轮到我分享了,分享了两个,一个是关于童年教科书的回忆,一个是关于免费电子书的.最后我觉得应该会不敌web,只能说是自己在这中间回忆了一下那个只是会学习的年代,那个充满梦想的年代.有人说如果一个人开始回忆童年的时候,那么他开始变老了,不知道是不是这样一个原因,我突然想起了很多以前的老朋友,开始想起了一些童年时期的玩伴.也就想做这样一款简单的游戏,也只是单纯的想回忆一下童年. 计划: 游戏其实很简单,我们把它叫着裤裆棋,又叫什么狗卵坨还是什么的,有些记忆模糊了,反正大致是这样子…

一个WPF小项目小结

一:缘起老板有做PC桌面客户端的需求,做的是能耗的计算和评估,要算能耗,就有很多环节,最后对这些环节数据进行一些简单计算.我想要是做的话就用比较熟的wpf,就去聊了下,对方给了1张比较复杂的Excel表格(其实对方的需求并不是很清楚,最后大概10来张EXcel表格),说是要做成软件呈现的形式,也没要求数据库,反正只要有功能,界面他们也没概念,给了个98年的老软件作为参考,最后EXcel表格弄懂结构后不复杂,计算都是加减乘除.我就答应了,这个软件算起来大概花了几个月(现在的样子我还是比较满意的)…

scrapy的一个简单小项目

使用scrapy抓取目标url下所有的课程名和价格,并将数据保存为json格式url=http://www.tanzhouedu.com/mall/course/initAllCourse 观察网页并分析该网页: 是一个ajax加载的页面,每次数据变化,但是url不变化,通过查看headers中的信息,得到每次点击下一页时真正请求的链接url观察发现每次翻页,请求变化的是offset的数值和时间戳 1.创建项目使用命令:scrapy startproject 'project_name'得到对…

闲来无事做个C#小项目——1

2020-05-10 12:25:47 项目背景就是最近和一些朋友在玩一个游戏,游戏中有一个囤货的东西,就是买进卖出的,然后为了方便计算,所以就先写一个简单的计算器用来算账, 这是界面图(最初形态,没有花里胡哨的外观) 主要监听事件是监听用户点击计算按钮,当用户点击时,开始执行运算过程,这个是很简单就实现的,主要代码如下: )||(textBox2.Text.Length == )) { label4.Text = "输入值不详"; } else { if (checkBox1.Che…

做一个MVC4的项目时留下的经验--增加IPrange

/* CR#1796870 modify by v-yangwu, add a js file to control the page controls. */ $(document).ready(function () { $('#radioExtranet').on('click', function () { showProjectInformation() }); $('#radioCorp').on('click', function () { hideProjectInformati…

使用vuejs做一个todolist

在输入框内输入一个list,回车,添加到list列表中,点击列表中的项样式改变 1.index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>my-first-vue-project</title> </head> <body> <div id="app"></div&g…

用css3做一个求婚小动画

概述本案例主要是运用到了css3的animation.keyframes.transform等属性,熟悉了,就可以做更多的其他动画效果,这几个属性功能非常强大. 详细代码下载:http://www.demodashi.com/demo/10335.html 首先,我们先来看看效果图哟. 一.准备工作 1.需要了解animation.keyframes.transform属性: animation:是一个简写属性,用于设置六个动画属性 animation-name 规定需要绑定到选择器的 ke…

第一个Python小项目：图片转换成字符图片

实现的效果: 需要掌握的知识: 1):Python的基础知识 2):argparse库 3):piilow的Image #encoding=utf-8 from PIL import Image import argparse #<--------------命令行输入参…

基于 React + NodeJS + Express + MongoDB 开发的一个社区系统

还可以, 功能挺全的, 可以作为react开发入门项目链接线上站点: 源码地址:…

python做一个数独小游戏

最近看了下python的一些知识,在这里记载一下. 1.首先是安装,在官网下载最新的版本3.6,安装的时候要注意在下面勾选上ADD TO PATH,安装的时候会自动写入到环境变量里面,如果没有勾选,可以重新安装,或者配置环境变量,这里我就不多说了. 安装好后再命令行输入 python -v 出现命令行表示安装成功 2.执行(2种方式) -交互. 直接在命令行输入python 命令编辑 -脚本方式进入到对应的目录,按shift+右击,在此处打开命令窗口,执行python 以.py为后缀的文件…

今天写了一个SSM小项目，运行之后，前端页面的CSS、js样式显示不出来，具体操作如下：

因为SSM中我们设置了拦截器,拦截器会拦截CSS和JS,所有样式渲染不出来,在Web.xml中写上 1 <servlet-mapping> 2 <servlet-name>default</servlet-name> 3 <url-pattern>/static/css/*</url-pattern> 4 <url-pattern>/static/js/*</url-pattern> 5 <url-pattern&g…

vue+websocket+express+mongodb实战项目（实时聊天）

继上一个项目用vuejs仿网易云音乐(实现听歌以及搜索功能)后,发现上一个项目单纯用vue的model管理十分混乱,然后我去看了看vuex,打算做一个项目练练手,又不想做一个重复的项目,这次我就放弃颜值,打算走心派.结合了后台nodejs,以及数据库MongoDB来开发了一个实时聊天系统.这个系统可以说是一统江山,也算是实现前端程序员的一个梦了,前后通吃.自认为是一个比全的项目.项目地址:https://github.com/hua1995116/webchat 觉得好的请顺手来个star. 技…

使用React并做一个简单的to-do-list

1. 前言说到React,我从一年之前就开始试着了解并且看了相关的入门教程,而且还买过一本<React:引领未来的用户界面开发框架 >拜读.React的轻量组件化的思想及其virtual-dom的这种技术创新,也算是早就有了初步了解.一来没有学的太深入,二来后来在工作中和业余项目中都没有用到,因此慢慢的就更加生疏了. 近期,因为我想把自己的开源项目wangEditor能放在React.angular和vuejs中使用.先从react开始,顺手自己也重试一下React的基础知识,顺便再做一个小…

用小程序做一个类似于苹果AssistiveTouch功能

一.首先我先介绍一下,我们要做一个什么样的项目功能项目功能就是一个音频点击播放,当点击为播放的状态时,一个音频的动图出现,而且是可以跟随着手指的滑动而滑动,而且,在滑动动图的时候,当前下的页面是不可以跟随着我的滑动而上下滚动,当停止滑动的时候,音频动图停靠在手机的左侧或者右侧,而当前下的页面是可以上下滚动的,功能介绍到此为止,下面我们说一下思路. 二.我们做这个功能,第二步就是要想思路思路就是,利用微信中的滑动事件,外加控制css样式,来完成这个功能. 三.这是项目的ui图,废话不多说,直接…

Vue小项目二手书商城：（一）准备工作、组件和路由

本项目基于vue2.5.2,与低版本部分不同之处会在(五)参考资料中提出完整程序:https://github.com/M-M-Monica/bukesi 实现内容: 资源准备(mock数据) 组件拆分components(header.footer.literature.science.humanity) 路由router(router-link.router-view) 一.准备工作 1.首先开始一个项目第一步是准备工作. 2.准备工作包括需求分析和项目资源准备两大步. 需求分析就是思考想…

Web前端开发：SQL Jsp小项目（一）

Jsp的学习算是告一段落,针对这段时间的学习,写了一个Jsp小项目来巩固学到的知识. 框架示意图 User list process UserAdd process 需要的界面效果: 需要工具:Eclipse.TomCat v8.0和PL/SQL 先用PL/SQL创建一个用户c##cms,并创建一个cms_user表单首先,需要写一个JSP——add界面 <%@ page language="java" contentType="text/html; charset=…

Flask框架的学习与实战（二）：实战小项目

昨天写了一篇flask开发环境搭建,今天继续,进行一个实战小项目-blog系统. blog系统很简单,只有一个页面,然而麻雀虽小五脏俱全.这里目的不是为了做项目而做项目,这篇文章本意是通过这次练习传达以下几个知识点: 1.从全局上了解flask项目的目录结构 2.flask项目的运行机制 3.flask框架实现MVC架构 4.flask-sqlalchemy 操作mysql数据库一.新建项目:blog系统在pycharm中,新建flask项目,如下图: 完成后的目录结构是这样的:非常简单,一…

如何做一个网站 (C# + MVC Web+ easyUI )

如何做一个网站小编想做一个网站,采用技术为:C# + MVC Web+ easyUI 小编经过几天的学习,以及指了几位大神指导,初见效果.建立网站的思路:先列举需要用到了几个知识点,然后逐一攻克,然后再组装扩展功能知识点如下:1.登陆页面(A.图片验证码:B.登陆身份验证:C.登陆身份保存与注销)2.主窗体页面布局(A.easyUI layout页面布局:B.easyUI tree 树形菜单:C.easyUI tree tabs 展示子窗体)3.easyUI DataGrid使用,点击查询刷新…

用struts2标签如何从数据库获取数据并在查询页面显示。最近做一个小项目，需要用到struts2标签从数据库查询数据，并且用迭代器iterator标签在查询页面显示，可是一开始，怎么也获取不到数据，想了许久，最后发现，是自己少定义了一个变量，也就是var变量。

最近做一个小项目,需要用到struts2标签从数据库查询数据,并且用迭代器iterator标签在查询页面显示,可是一开始,怎么也获取不到数据,想了许久,最后发现,是自己少定义了一个变量,也就是var变量.<s:iterator>标签有一个value属性,用来存放在Action类的方法中存数据的list集合,还有一个id,好像是说指定集合的索引的意思,就是给list集合遍历出来的每个对象加上一个数字标签,反正我是这么理解的,没用过.还有一个很重要,就是var变量,我在s:iterator按ctr…

跟我一起用node-express搭建一个小项目（mongodb）[二]

我的小项目主要是会用到MongoDB. 呵呵,我也是现学现卖. 都说小公司十八般武艺样样稀疏,没有办法啊! 兵来兵挡,将来将挡!自己是个兵呢?还是一个将呢! 没有公司培养,就自己培养自己呗.差的远一点罢了. 首先去官网下载一个MongoDB. 呵呵,首先安装二进制包,. 安装好了之后,找到bin目录,把路径复制下来.配置环境变量. 写入环境变量是为了直接使用mongod/mongo等命令控制台输入mongo,我们就可以知道自己安装的mogodb是哪一个版本了. 其次需要使用mongod启动mo…

用MVC5+EF6+WebApi 做一个小功能(二) 项目需求整理

在一个项目开始前,需求整理大概要占到整个项目周期15%甚至30%的比重,可以说需求理得越清楚,后续开发中返工几率越小.在一个项目中,开发新功能的花费的精力要远远小于修改功能的精力,这基本是一个共识.老祖宗说,谋定而后动,不是没有道理的. 一般项目开发中,前期会包含商务活动.需求调研,需求交底的过程. 商务活动一般由售前人员进行,了解客户需求,收集客户愿景,商务洽谈等等工作,个人认为在这一阶段主要要做好如下工作,原谅我没做过商务工作,穷限制了我的想象力: 了解客户的需求,收集客户的应用场景商务…

如何自学PHP做一个网站 PHP可以做什么项目？网站小程序公众号能用PHP开发吗？

很多想从事程序开发的人员,想自学一门语言,不知道从哪里下手学习,如何入门学习?今天我们就以PHP为例子,来讲述一下如何快速的学习一门开发语言,让你快速入门.PHP是一个什么语言?它能开发什么项目呢?下面我们具体详细的分析一下. PHP应该说所有开发语言里入门最简单的语言,它的语法简单,更容易学习,当然想要学精通也需要很大的精力和时间的.首先学习PHP,应该把基础的语法学习精通,包括像数据类型,运算符号,数组,面向对象等这些知识点,不要小看这些知识点,后面不管你有什么框架,还是做什么高大上的项目,…

跟我一起做一个vue的小项目（二）

这个vue项目是紧跟着之前的项目跟我一起做一个vue的小项目(一)来的. 我继续后面的开发(写的比较粗糙,边学边记录) 下图是header头部的样式 header组件内容如下 //header.vue <template> <div class="header"> <div class="header-left">返回</div> <div class="header-input">输入…

【express+mongoDB（mLab）做一个todolist小项目】的更多相关文章