1. Escreva na frente
Todo mundo quer se tornar um codificador de pilha completa. Como desenvolvedor da web front-end, o caminho simples para a pilha completa parece ser Node.JS. Aprendi o Node.js há algum tempo para falar sobre como os novatos podem criar seus próprios serviços da Web e começar o caminho para a pilha completa.
2. Instale o node.js
Qualquer pessoa que tenha sido exposta ao desenvolvimento de back-end sabe que a primeira coisa a fazer é instalar o serviço. Como novato, você deve escolher a instalação visual mais simples (a próxima etapa do tolo, outros métodos etc., naturalmente o conhecerá depois de se familiarizar com as operações relevantes). Faça o download do pacote de instalação adaptado por computador (este é o Windows, não posso comprar um Mac) e instale-o de acordo com a inicialização. Ele é instalado por padrão no arquivo c:/programas/nodejs e adicione este diretório à variável de ambiente do caminho. Para práticas específicas, clique com o botão direito do mouse "meu computador"-"Propriedades"-"Sistema Avançado"-"Avançado"-"Variável de ambiente" -Select "Nome da variável: caminho"; "Altere o valor da variável: add [c:/arquivos de programas/nodejs] no final (dependendo do seu diretório de instalação)". Abra o CMD e execute o comando diretamente:
Nó -V pode emitir o número da versão atual. O NPM foi integrado ao arquivo do nó e, em seguida, use o NPM Install XXX para instalar os plug-ins ou módulos necessários.
3. Use a estrutura expressa
Depois de trabalhar duro por um tempo, finalmente usei o comando npm para inicializar, instalar a estrutura expressa e depois escrevi Hello World para aproveitar. Por que escolher a estrutura expressa? Claro, ele tem seus recursos especiais. O que os novatos têm mais medo é que eles são problemáticos e fáceis de cometer erros. O Express certamente levou em consideração para nós, por isso forneceu um gerador rápido: Gerador Expresso
1. Instale ao Global via Command: NPM Install Express -Generator -g
2. Use o comando expresso para gerar a estrutura do projeto
Expresse MyApp onde MyApp é o nome do seu projeto
3. Digite o arquivo do projeto através do CD MyApp
Inicialize módulos de dependência via NPM Instale
Inicie o servidor da web configurando Debug = MyApp & NPM Iniciar
4. Abra o http: // localhost: 3000/URL no navegador e você pode ver este aplicativo.
Por padrão, o mecanismo de modelo usado é Jade, e este modelo foi configurado no projeto.
4. Introdução ao projeto do gerador expresso
1. A organização do projeto MyApp é a seguinte:
2 Package.json pode ser considerado o pacote de gerenciamento de módulos, informações do projeto e número da versão do módulo. De fato, você descobrirá que, quando o módulo do projeto for inicializado, ele é gerado pela configuração aqui.
3. App.js é o arquivo de inicialização do projeto, que pode ser considerado o núcleo do projeto. Escreva principalmente algumas funções públicas.
4. Existe um arquivo www sem sufixo sob o arquivo bin. Este é o arquivo de entrada do projeto, que configura a porta de serviço da web e alguns eventos de escuta.
5. Node_modules é um módulo de arquivo que depende do projeto. O pacote importado será colocado nele mais tarde, como o módulo Mongoose que se conecta ao banco de dados, que será discutido em detalhes posteriormente.
6. O público é um conjunto de arquivos de recursos estáticos do projeto. É fácil ver que as imagens, os arquivos CSS e os arquivos JS são todos colocados aqui.
7. As rotas são o módulo de roteamento do projeto, onde os arquivos Index.js e User.js foram padronizados. Na verdade, isso inclui o conteúdo do controlador nos idiomas gerais de fundo e, é claro, pode ser separado em grandes projetos.
8. As visualizações são o arquivo de modelo do projeto e é um mecanismo de modelo Jade. Este modelo é muito conciso, mas há muitas armadilhas. Por exemplo, os requisitos para espaços são muito rigorosos. Mais um ou menos um espaço relatará erros. Eu pisei em muitas armadilhas, mas na verdade seu desempenho não é muito alto, por isso é melhor usar EJs.
5. Instale o MongoDB
1. Faça o download também do arquivo msi diretamente no site oficial (http://www.mongodb.org/downloads )
2. O próximo passo é instalá -lo. Se houver um padrão, deixe -o padrão. Se houver uma escolha, escolha tudo.
3. Em seguida, configure as variáveis do ambiente, assim como o nó, não as descreva mais, mas você pode colocá -las na foto, hahaha ...
4. Em seguida, é iniciar o serviço MongoDB
5. Passe o comando: MongoD -dbpath f:/mongodb/dados onde f:/mongodb/dados é o caminho de armazenamento de arquivos. Vi as seguintes informações e expliquei que foi bem -sucedido.
6. MongoDB ouve na porta 27017. Ao mesmo tempo, ao abrir o navegador e entrar em http://127.0.0.1:27017 , você verá o seguinte prompt:
Parece que você está tentando acessar o MongoDB sobre o HTTP na porta do driver nativo.
7. Em seguida, abra um CMD e digite o comando Mongo para vincular o banco de dados. O seguinte prompt aparece:
2015-05-02T17: 10: 19.467+0800 I Controle Hotfix KB2731284 ou Atualização posterior não está instalada, fará zero dos arquivos de dados MONGODB Versão do Shell: 3.0.2 Conectando-se a: Teste
8. Dessa forma, o MonogDB é instalado com sucesso no ambiente do Windows.
Reabastecer:
9. Se você acha que é problemático abrir um serviço com comandos todas as vezes, você pode escrevê -lo em um arquivo em lote, o que significa criar um novo arquivo com o sufixo.bat e escrever o seguinte código:
Iniciar MongoD -dbpath f:/mongodb/dados
10. É claro que você também pode iniciar o MongoDB de maneira de serviço, mas acho que não é muito útil no processo de aprendizado. Os amigos podem experimentar você mesmo. Se você precisar, compensarei isso mais tarde.
11. Se você acha que a linha de comando não é fácil de usar, recomende um software com uma interface gráfica: Mongovue, que é semelhante ao Navicat. Ele tem uma versão gratuita, o que significa que há menos funções, mas é completamente suficiente durante o processo de aprendizado.
6. Use Monogdb no projeto do nó
1. Importe o módulo de conexão MonogDB. O Express apresenta oficialmente o módulo Mongoskin. Eu não vou falar sobre isso. Aqui apresentamos a instalação através do Mongoose
2. Execute a instalação do NPM Instale a instalação do Mongoose -Save no MyApp Project e salve -o em Node_modules. Você também pode configurar "Mongoose": "^4.4.12" no package.json e, em seguida, comandando o NPM Install para instalar.
3. No arquivo App.js
um. Importar o módulo Mongoose:
var de Mongoose = requer ('Mongoose');
b. Crie uma conexão de banco de dados
mongoose.connect ('mongodb: // localhost/mydb') // conecte o banco de dados local
4. Crie um novo esquema de pasta no diretório raiz do projeto. Este é o módulo do conjunto de dados. Crie um novo arquivo usuários.js no módulo.
var de Mongoose = requer ('Mongoose'); // Declare um objeto de Mongoons var UsersSchema = new Mongoose.schema ({Nome: String, Paw: String, Meta: {Createat: {Type: Date: Date.now ()},}} Chamado, e a operação de atualização do tempo UsersSchema.pre ('salvar', function (a seguir) {if (this.isnew) {this.meta.createat = this.meta.updateat = date.now ();} else {this.meta.meta.Tateat = date.now ();} a); function (cb) {// consulta todos os dados retornam este .find () .sort ('meta.updateat') //sorting.exec(cb) // callback}, findbyId: function (id, cb) {// consulte um único pedaço de dados baseado no retorno este .findone ({_ id: id). UsersSchema5. Adicione o arquivo de módulos ao diretório raiz. Este é o módulo de modelo de dados. Adicione o arquivo users.js no módulo.
var mongoose = requer ('Mongoose') var usersSchema = requer ('../ esquemas/usuários') // Obtenha o módulo de conjunto de dados exportado var users = mongoose.model ('usuários', usersschema) // coleta e gerar o modelo de filme module.exports = usuários6. Adicione o código do controlador de roteamento ao arquivo de usuários.js no arquivo de rotas
var exprest = requer ('expresso'); var monongoose = requer ('mongoose'); // importar módulo mongoose var users = requer ('../ modelos/usuários'); // importar o módulo de dados do modelo var router = express.router ();/* obter listagem de usuários. */router.get ('/', function (req, res, next) {res.send ('responda com um recurso');}); // consulte todos os dados de dados do usuário Router.get ('/usuários', function (req, res, next) {users.fetch (function, users) {if (err) {consolog.og) Usuários: Usuários}) // Aqui você também pode retornar diretamente dados no JSON Format Res.json ({Data: Users});})}) Module.exports = Router;7. Adicione usuários.Jade ao arquivo de visualizações
estende o conteúdo do LayoutBlock H1 = Título // Método do Valor Jade UL Cada Usuário em Usuários // Jade Modelo Traversal Método Li H4 #{User.Name} Span #{User.Paw}8. Finalmente, abra o URL: http: // localhost: 3000/usuários/usuários no navegador para visualizar o efeito. Aqui, um projeto do banco de dados para o front-end é concluído.
O exposto acima é tudo sobre este artigo, espero que seja útil para o aprendizado de todos.