我是一个Node.js和Express的新手。
我正在尝试使用Node.js、Express和MongoDB创建一个名片生成器应用程序。
我已经在ejs中创建了一个多步骤表单，并希望将输入的数据存储在MongoDB中。 请问有人可以告诉我如何做到这一点吗？以下是我尝试使用的ejs和js代码片段。
MongoDB模式也已提供。
提前致谢。
<section class="multi_step_form">
<form action="/blogs" method="POST" enctype="multipart/form-data" id="msform">
<!-- Tittle -->
<div class="tittle">
<h2>New Card</h2>
</div>
<!-- progressbar -->
<ul id="progressbar">
<li class="active">Personal details</li>
<li>About Section</li>
<li>Product Section</li>
</ul>
<!-- fieldsets -->
<fieldset>
<div class="form-row align-items-center">
<div class=" col-md-3 ">
<h5>Name</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control " placeholder="Name of the Card Holder" name="name " required>
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Company</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Name of the Company" name="company">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Designation</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Designation at the Company" name="designation">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Phone Number</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Phone Number" name="phone_no">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Email</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Email ID" name="email">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Address</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Address" name="address">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Profile Photo</h5>
</div>
<div class="form-group col-md-9 ">
<input type="file" name="image" id="image" class="form-control-file">
</div>
</div>
<div class="form-group">
</div>
<button type="button " class="action-button previous_button ">Back</button>
<button type="button " class="next action-button ">Continue</button>
</fieldset>
<fieldset>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Year of Establishment</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Year of Establishment of the Company" name="year_of_establishment">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Description</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Description about the Company" name="description">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Profile Photo</h5>
</div>
<div class="form-group col-md-9 ">
<input type="file" name="image" id="image" class="form-control-file">
</div>
</div>
<button type="button " class="action-button previous previous_button ">Back</button>
<button type="button " class="next action-button ">Continue</button>
</fieldset>
<fieldset>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Product 1</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Name of product" name="product">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Description</h5>
</div>
<div class="form-group col-md-9 ">
<input type="text " class="form-control" placeholder="Description about the product" name="product_desc">
</div>
</div>
<div class="form-row align-items-center">
<div class="col-md-3 ">
<h5>Product Images</h5>
</div>
<div class="form-group col-md-9 ">
<input type="file" name="product_img" id="image" class="form-control-file">
</div>
</div>
<button type="button " class="action-button previous previous_button ">Back</button>
<button type="submit" class="action-button ">Save</a></button>
</fieldset>
</form>
</section>
<!-- End Multi step form -->
router.post('/', upload.single('image'), async(request, response) => {
console.log(request.file);
console.log(request.body);
let blog = new Blog({
name: request.body.name,
company: request.body.company,
designation: request.body.designation,
phone_no: request.body.phone_no,
address: request.body.address,
img: request.file.filename,
year_of_establishment: request.body.year_of_establishment,
description: request.body.description,
product_name: request.body.product_name,
product_desc: request.body.product_desc,
product_img: request.file.filename,
});
try {
blog = await blog.save();
response.redirect('blogs/editAbout');
//response.redirect(`blogs/${blog.slug}`);
} catch (error) {
console.log(error);
}
});
const blogSchema = new mongoose.Schema({ 名称: { 类型: 字符串,
},
img: {
type: String,
},
company: {
type: String,
//required: true,
},
designation: {
type: String,
},
phone_no: {
type: String,
},
address: {
type: String,
},
year_of_establishment: {
type: String,
},
description: {
type: String,
},
product_name: {
type: String,
},
product_desc: {
type: String,
},
product_img: {
type: String,
},
timeCreated: {
type: Date,
default: () => Date.now(),
},
/*snippet: {
type: String,
},*/
slug: { type: String, slug: 'name', unique: true, slug_padding_size: 2 },
});