[MEAN Stack] Go thought -- code 

npm install mongoose --save-dev
npm install express --save-dev
bower install angular
npm install cors --save-dev
npm install body-parser --save-dev

 

index.html

复制代码
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="./bower_components/angular/angular.min.js"></script>
    <script src="app.js"></script><!-- using Alt + Enter to create a new file-->
</head>
<body ng-app="jetbrains" ng-controller="AppCtrl as app">
    <ul >
        <li ng-repeat="product in app.products">
            {{product.name}}
        </li>
    </ul>

    <input type="text" ng-model="app.newProduct" />
    <button ng-click="app.saveProduct(app.newProduct)">Save</button>
</body>
</html>
复制代码

 

app.js

复制代码
var jetbrains = angular.module("jetbrains", []);
jetbrains.controller('AppCtrl', function($scope, $http){
    var app = this;
    var url = 'http://localhost:3000';

    //Ctrl + Alt +M
    function loadProducts() {
        $http.get(url).success(function (products) {
            app.products = products;
        });
    }

    app.saveProduct = function (new_product) {
        $http.post(url+"/add", {name:new_product}).success(function () {
            loadProducts();
        })
    }

    loadProducts();

})
复制代码

 

server.js

复制代码
var express = require('express');
var app = express();
var mongoose = require("mongoose");
var cors = require("cors");
var bodyParser = require('body-parser');
app.use(cors());
app.use(bodyParser.json());

mongoose.connect('mongodb://localhost/jetbrains');

var Product = mongoose.model('Product', {name: String});
/*
var product = new Product({name: 'WebStorm'});
product.save(function(err){
    if(err){
        console.log('failed');
    }else{
        console.log('saved');
    }
})*/


app.get('/', function(req, res){
    Product.find(function(err, products){
        //res.send(products[0].name);
        res.send(products);
    });
});

app.post("/add", function (req,res) {
    var name = req.body.name;
    var product = new Product({name: name});
    product.save(function (err) {
        res.send();
    })
})

app.listen(3000);
复制代码

 

posted @   Zhentiw  阅读(255)  评论(0)  编辑  收藏  举报
（评论功能已被禁用）
编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae