搭建一个项目的前期准备

后端:node(驱动) + mogodb(数据库) + express(node框架) + mongoose(快速建模工具) + moment.js(时间和日期格式化) + jade(模板引擎)

前端: jquery(类库) + bootstrsop(样式框架) + bower(npm模块)

本地环境:less + cssmin + jshint + uglifyjs + mocha + grunt(集成前面的)

实战步骤

1、需求分析:看一下有哪些页面,页面有哪些内容,有什么样的交互,这样做到心里有数

2、项目依赖初始化:项目所依赖到模块安装和初始目录的创建

3、入口文件编码

4、创建视图:主要页面的视图,模版,来跑通前后端的流程,

5、测试前端流程:浏览器发送一个请求到后端,后端接收到之后再返回一段数据

6、样式开发,伪造模板数据

7、设计数据库模型

8、开发后端逻辑

9、配置依赖文件,网站开发结束

类似这样,后端用什么,前端用什么,怎么实现

之前自己一个人完成的一个项目,只需要完成前端部分,不需要后端部分

前端:create-app-react , mock_ajax

本地环境:eslint

这个项目非常的简单,接下来跟着课程实现上面比较原生的项目,更加了解整个的流程

原文地址:https://www.cnblogs.com/wzndkj/p/9227169.html

时间: 2024-10-27 16:27:39

搭建一个项目的前期准备的相关文章

Vue搭建一个项目

用Vue搭建一个项目 Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性. Vue.js 支持所有兼容 ECMAScript 5 的浏览器. 安装环境: 第一步:安装  node>js 在这个网站下载适合自己电脑的安装包.然后跟着安装步骤一步一步安装.http://www.cnblogs.com/zzuIvy/p/nodejs_1.html 然后安装好之后需要检查下. 检查是否安装在窗口搜索  cmd 然后输入  node

浅谈如何搭建一个项目,初学者对于架构程序的理解

经过坚持不懈的努力,终于学到了软件建模的部分,对于java的理解,也有了更深入的理解,首先,软件建模就是把软件的概念抽象出来,然后,建立成一个单独存取属性的类,比如说,你想做一个网站,大家都知道网站有很多题头,就像首页.内容.摘要.新闻,这些字段,就是网页抽象出的属性,而我们把他们抽象出来,封装成一个类,来对它进行控制,这个控制在java中叫做javabean,javabean就是建立一个都是属性(id,name,age,address)这样一个有getter和setter,实现序列化,有默认构

抛开vue-cli 利用requireJS搭建一个vue项目

---恢复内容开始--- 现在学习vue都是利用脚手架vue-cli快速搭建一个项目,这是非常高效的方法,我是十分推荐的,但是有时候在没有互联网的情况,我们没办法在node环境下,敲一个nmp install XXX帮我们搭建系统.这边也遇到了这样的情况,记录一下过程,备忘. 采用的方式是利用requireJS搭建一个遵循AMD规则的vue项目.关于这一块,大家可以百度一下,查询相关资料熟悉requireJS的使用. 第一步,都是建立一个如下常规的简单的工程结构: ----lib 存放js库文件

使用Vue-cli 3.x搭建Vue项目

一.Vue-cli 3.x安装 Node 版本要求:Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+) npm install -g @vue/cli 查版本是否正确 (3.x): vue --version 官方安装文档:https://cli.vuejs.org/zh/guide/installation.html 二.创建一个项目 以搭建一个项目名称为vue-test的Vue前端项目为例 1.在cmd下运行以下命令创建项目 vue create vue-te

手动搭建一个完整的angular实践项目

以下我记录如何简单的搭建一个angular项目, 比较适合有前端基础,但又没有使用过angular的前端开发人员,因为我看到网上的教程又都配套的使用了一些其他框架或者打包工具,以及进行一些复杂的开发环境配置,不利于初级的人学习和理解.后续我也会陆续写几篇结合不同工具框架,以及在混合app开发中搭建angular框架项目. 应用场景: 基于angular的PC端web项目,采用require加载资源,使用angularAMD和angularCSS实现按需加载angular的controllers和

使用Intellij IDEA搭建一个简单的Maven项目

IntelliJ IDEA是Java最优秀的开发工具,它功能全面,提示比较智能,开发界面炫酷,新技术支持的比较迅速. 我使用了Eclipse快10年了,IntelliJ IDEA这么好用必须要试一试. 下面使用IntelliJ IDEA来快速搭建一个Maven项目: 1. 第一步我们打开编辑器,来 Create New Project 一个项目 2. 红色框框是几个比较重要的地方,按照我选择的方式进行操作即可点击"Next" 3. 填写组名和项目名 4. 点击下一步,进入如下界面 5.

简诉如何搭建一个自己的网站(域名+服务器+tomcat+运行正确网站项目)

准备工作,购买域名+服务器(域名加空间的话,网站运行环境一般只有.net和php,只需要上传网站文件夹到空间,本文暂不讲) 域名和服务器购买推荐购买同一个商家的,至于去哪里买,价格多少,自行百度.建议穷的学生党去腾讯云看看学生1元优惠!(本博主就是用的这个优惠,等下也以腾讯云举例讲解) 域名购买后,往往不能直接使用,需要实名认证后才可以使用(不知道是不是只有.cn的需要,反正基本需要,认证一般2~3天左右,有快有慢,需要认证后解析方可生效! 如下图,准备解析(从上方云产品可以找到域名管理) 进入

.net core 2.0学习记录(一):搭建一个.Net Core网站项目

.Net Core开发可以使用Visual Studio 2017或者Visual Studio Code,下面使用Visual Studio 2017搭建一个.net Core MVC网站项目. 一.新建项目 二.选择 Web应用程序(模型视图控制器) 三.项目结构和之前的比对还是有很大的不同,wwwroot用来存放前端的一些静态资源(css/js/image),以前是通过Nuget来下载前后端包,现在前端包使用Bower下载,后端的包的使用Nuget下载 四.运行 .net core项目调试

简单搭建一个SSM项目

简单搭建一个用户管理的SSM项目框架,虽然也能用servlet+jdbc搭建更简单的,不过个人感觉工作中更多用的ssm框架项目,这里就简单用ssm来搭建需要的项目吧. 准备工具:eclipse.jdk1.7.Mysql.maven.tomcat.(请先确定计算机本身已安装好前面几个工具,myeclipse自动集成maven,eclipse需要自己先配置,具体配置请自行百度) 这里先把项目的目录结构显示下 好的,现在开始 File->new->other->maven project Ne