Hướng dẫn can we connect html to mongodb? - chúng ta có thể kết nối html với mongodb không?

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;div class="container">

    <div class="row">

        <div id="signupbox" style="margin-top:50px"class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">

            <div class="panel panel-info">

                <div class="panel-heading">

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;<div class="panel-title">Employee Details Form</div>

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;</div>  

                <div class="panel-body">

                    <form action="/"id="EmployeeForm"class="form-horizontal"method="post"  role="form">

                        <div id="signupalert"style="display:none"class="alert alert-danger">

                            Error:<p>Error:</p>

                            <span></span>

                        </div>

                        <div class="form-group">

                            Name<label for="firstname"class="col-md-3 control-label">Name</label>

                            <div class="col-md-9">

                                <input type="text"class="form-control" name="uname"placeholder="Enter Your Name">

                            </div>

                        </div>

                        <div class="form-group">

                            Email<label for="email"class="col-md-3 control-label">Email</label>

                            <div class="col-md-9">

                                <input type="text"class="form-control" name="email"placeholder="Email Address">

                            </div>

                        </div>

                        <div class="form-group">

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;& nbsp; & nbsp; & nbsp; loại nhân viên<label for="lastname"class="col-md-3 control-label">Employee Type</label>

                            <div class="col-md-9">

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;select class="form-control"name="emptype">

& nbsp; & nbsp;Hàng giờ<option value="Hourly">Hourly</option>

& nbsp; & nbsp;đã sửa<option value="Fixed">Fixed</option>

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;/select>

                            </div>

                        </div>

                        <div class="form-group">

& nbsp; & nbsp;Hàng giờ<label for="password"class="col-md-3 control-label">Hourly Rate</label>

                            <div class="col-md-9">

                                <input type="text"class="form-control" name="hrlyrate"placeholder="Enter Hourly Rate">

                            </div>

                        </div>

                        <div class="form-group">

& nbsp; & nbsp;đã sửa<label for="icode"class="col-md-3 control-label">Total Hour</label>

                            <div class="col-md-9">

                                <input type="text"class="form-control" name="ttlhr"placeholder="Enter Total Hours">

                            </div>

                        </div>

                        <div class="form-group">

                                                                    <!-- Button-->                                        

                            <div class="col-md-offset-3 col-md-9">

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;& nbsp; & nbsp; & nbsp; tỷ lệ hàng giờ<input type="submit"name="submit" value="submit"class="btn btn-primary">  

                            </div>

                        </div>

                    </form>

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;</div>

            </div>

Xác định bộ định tuyến.post (Hồi/) trong tệp index.js/div>

    </div>

  </div>

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

constmongoose=require('mongoose');mongoose=require('mongoose');

mongoose.connect('mongodb://localhost:27017/employee',{useNewUrlParser:true});.connect('mongodb://localhost:27017/employee',{useNewUrlParser:true});

varconn=mongoose.Collection; conn=mongoose.Collection;

varemployeeSchema=newmongoose.Schema({employeeSchema=newmongoose.Schema({

name:String,:String,

email:String,: String,

etype:String,:String,

hourlyrate:Number,:Number,

totalHour:Number,:Number,

total:Number,:Number,

}););

varempModel=mongoose.model('Employee',employeeSchema); empModel=mongoose.model('Employee',employeeSchema);

varemployee=empModel.find({});employee=empModel.find({});

router.post('/',function(req,res,next){.post('/', function(req,res,next){

  varempDetails=newempModel({varempDetails=newempModel({

    name:req.body.uname,name: req.body.uname,

    email:req.body.email,email:req.body.email,

    etype:req.body.emptype,etype:req.body.emptype,

    hourlyrate:req.body.hrlyrate,hourlyrate: req.body.hrlyrate,

    totalHour:req.body.ttlhr,totalHour:req.body.ttlhr,

    total:parseInt(req.body.hrlyrate)*parseInt(req.body.ttlhr),total: parseInt(req.body.hrlyrate)*parseInt(req.body.ttlhr),

  });});

  empDetails.save(function(err,req1){empDetails.save(function(err,req1){

    if(err)throwerr;if(err)throwerr;

    employee.exec(function(err,data){employee.exec(function(err,data){

      if(err)throwerr;if(err) throwerr;

& nbsp;res.render('index',{title:'Employee Records',records:data,success:'Record Inserted Successfully'});

        });});

  })})

}););